CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA “PAULA SOUZA”

FACULDADE DE TECNOLOGIA DE TAQUARITINGA

CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA INTERNET

DESENVOLVIMENTO DE UM WEBSITE PARA COMPRA DE JOGOS

ELETRÔNICOS

EDUARDO HENRIQUE DEL VECCHIO

MARIANA ALVES CORREIA
RENNER AUGUSTO
MICAELA
EDSON

ORIENTADOR: NIVALDO CARLETO

TAQUARITINGA – SP
2022

GESTÃO DE PROJETO DE SOFTWARE

 Trabalho apresentado a
Faculdade de Tecnologia de
Taquaritinga, como parte dos
requisitos para a conclusão da
matéria de Gestão de Projeto de
Software
Orientador: Nivaldo Carleto

TAQUARITINGA – SP
2022
 LISTA DE FIGURAS
Figura 1- EAP 8
Figura 2 - EAP 14
Figura 3 - Rede de Projeto 16
Figura 4 – EAR 18
Figura 5 - Diagrama de causa e efeito 25
Figura 6 - Diagrama de causa e efeito 25
Figura 7 - Escritório do projeto 26
Figura 8 - Diagrama da Comunicação 28
 LISTA DE TABELAS
Tabela 1- Marcos da documentação do projeto 9
Tabela 2 - Marcos do sistema do projeto 10
Tabela 3- Interessados no projeto 10
Tabela 4 - Tabela de riscos 12
Tabela 5 - Tabela dos requisitos funcionais 13
Tabela 6 - Requisitos não funcionais 13
Tabela 7 - Requisitos de Interface 14
Tabela 8 - Atividades do Projeto 15
Tabela 9 - Tabela de Procedência 17
Tabela 10 - Caminhos 17
Tabela 11 - Tabela de custo 19
Tabela 12 - Atividade A 20
Tabela 13 - Atividade B 20
Tabela 14 - Atividade D 21
Tabela 15 - Atividade E 21
Tabela 16 - Atividade F 22
Tabela 17 - Atividade G 22
Tabela 18 - Atividade H 23
Tabela 19 - Atividade I 23
Tabela 20 - Atividade J e K 24
Tabela 21 - Atividade L 24
 SUMÁRIO

1 – INTRODUÇÃO 6
2 – Gerenciamento das Áreas de Conhecimento 6
2.1.1. Termo de Abertura 6
2.2 Gerenciamento do Escopo 13
2.2.2 Requisitos não funcionais 13
2.2.3 Requisitos de Interface 14
2.2.4 Estrutura Analítica do Projeto – Fases e principais entregas 14
2.3 Gerenciamento do Tempo 15
2.3.1 Definição das Atividades 15
2.3.2 Descrição das atividades 16
2.3.3 Rede de projetos 16
2.3.4 Tabela de Procedência 17
2.3.5 Caminhos 17
2.3.6 Recurso das atividades 18
2.4 Gerenciamento de Custo 19
2.5 Gerenciamento de Qualidade 20
2.5.1 PDCA 20
2.5.2 Diagrama de Causa e Efeito 25
2.6 Gerenciamento dos Recursos Humanos 25
2.6.1 Escritório de Projeto 26
2.6.2 Matriz de Responsabilidade 26
2.7 Gerenciamento das comunicações 27
2.8 - Gerenciamento das aquisições e contratações 28
3 DESENVOLVIMENTO PRÁTICO DO PROJETO 29
3.1 Metodologias e ferramentas 29
3.1.1 Design com Illustrator, Photoshop e Figma 29
3.1.2 Visual Studio Code 29
3.2 Funcionalidades do Projeto 30
4 Considerações Finais 30
1 – INTRODUÇÃO
Com a importância que a tecnologia vem ganhando ultimamente é evidente que
cada vez mais as empresas buscam formas de atrair seus clientes através do mundo
digital, através de sites e marketing digital assim facilitando o acesso e a compras de
seus produtos, conseguindo se consolidar no mercado digital e sua acessibilidade e
modernidade.
Tendo uma análise mais aprofundada sobre nosso cliente, identificamos que seu
número de vendas tem um grande potencial de crescimento caso fosse realizado um
investimento no mercado digital, expandindo sua área de alcance e por consequência
disso atraindo mais visibilidade para seu comercio.
O objetivo deste projeto é que a empresa Studio Games possua um site para qual
possa usar para divulgar seu meio de contato, localização da empresa, além de vender e
consolidar seus produtos no mercado, que seja possível que o cliente realize seus
pedidos da forma mais confortável e prática possível, tendo o site todas os recursos para
que essas ações possam ser realizadas com facilidade.

2 – Gerenciamento das Áreas de Conhecimento

Neste capítulo será apresentado todo o conteúdo teórico sobre o projeto de criação de um site, a
seguir abordaremos riscos, escopo, custos entre outros tópicos.

2.1 Gerenciamento da Integração

2.1.1. Termo de Abertura

Controle das Versões

Versão Data Autor Nota de Revisão
Eduardo Del
Vecchio
01 28/03/2022
Mariana Alves
Renner Augusto
Micaela
Edson

2.1.1.1 Objetivos deste documento

 A criação de um site para a Studio Games, sendo o site uma loja virtual para a divulgação
de seus produtos e consolidação no mercado digital.

2.1.1.2 Situação atual e justificativa do projeto

Diante da realidade a empresa parceira do projeto não trabalha com a Internet,

estando completamente fora do mercado digital, se limitando assim apenas com vendas
por meio de sua loja física.
Com o desenvolvimento de um site próprio a Studio Games poderá elevar seu fluxo
de venda e assim seu faturamento, como a consolidação de sua marca no ramo de jogos
eletrônicos e conseguindo superar seus concorrentes de mercados que já possuem um
site de vendas. Depois de sua marca já consolidada no mundo digital e com um
endereço físico, a Studio Games será sinônimo de confiança e credibilidade dentro da
sua área de atuação.

2.1.1.3 Objetivos SMART e critérios de sucesso do projeto

Para que o projeto seja considerado como bem sucedido, foi estabelecido alguns
requisitos sobre prazo de entrega, realização das atividades e feedback do cliente.
Os objetivos SMART devem atender os requisitos estabelecidos a seguir:

● Site bem otimizado e de fácil acesso e uso para todas as plataformas digitais.
● O site deve ter uma interface de qualidade em padrões estéticos, além de ser
acessível e objetivo com sistema de categorização padronizado, sistema de busca
para que o usuário consiga realizar a ação de várias formas.
● Site deve estar com uma boa organização de informações e com cores que se
completem e facilitem a identificação do usuário.
● Que seja pratico o processo de cadastro, escolha, compra e recebimento do
produto do cliente.

2.1.1.4 Estrutura Analítica do Projeto – Fases e principais entregas

O projeto contém a seguinte estrutura:
1 - Reuniões
1.1. Presenciais
1.2. À distância
2 - Documentação
 2.1. Termo de Abertura
2.2. Monografia
3.Desenvolvimento e Avaliação
3.1. Aprendizagem
3.2. Treinamento
3.3. Desenho do sistema
3.3.1. Criação de protótipos
3.4. Codificação

3.4.1. Testes de funcionalidade

3.5. Análise de requisitos
3.5.1. Análise de segurança
3.5.2. Entrega de Análise para aprovação
4.Controle
4.1. Produtos/serviços
4.2. Informações de contato
4.3. Usuário/cliente

Projeto

Reuniões Documentações Desenvolvimento Encerramento

Requisitos
Presenciais Virtual Termo A. Jurídico
Apresentação
Protótipo

Escopo Ajustes Entrega da Contrato As.

Design De.
Doc Entrega ao
cliente
Aprovação

Codificação Testes

Figura 1- EAP
A EAP do projeto é representada pelo planejamento que foi definido dentro das
condições que o projeto necessita, quais serão os processos percorridos até o final e
conclusão do projeto.
2.1.1.5. Principais requisitos das principais entregas/produtos
Após análise na estrutura analítica do projeto, contatamos que os principais
requisitos para o desenvolvimento do Website são:
• Desenvolver uma organização em formas de categorias
para que a localização de produtos seja feita de forma
rápida e fácil.
• Desenvolvimento de uma interface completamente
acessível e de fácil utilização para que os usuários
consigam fazer os procedimentos necessários dentro
do site.

2.1.1.6 Marcos
Marcos da documentação do projeto
Fases/Processos Marcos Datas Previstas
Iniciação Aprovação do projeto 01/03/2022

Planejamento Análise do custo, negociação, 06/03/2022

escopo do projeto e confirmação do
cliente

Execução, Todos os processos de 01/04/2022

Monitoramento e desenvolvimento do projeto serão
controladas, fiscalizadas e caso
Controle algum problema surgir será
buscada sua resolução
imediatamente
Encerramento Entrega do projeto pronto e testado 29/04/2022
e encerramento do contrato

Tabela 1- Marcos da documentação do projeto

 Entregas Marcos Data
01 Categorização dos produtos 07/03/2022
02 Entrega do layout do site 21/03/2022
03 Desenvolvimento do site na
web com HTML/CSS e 10/04/2022
JavaScript
04 Criação do Banco de Dados 25/05/2022
05 Testes de qualidade 15/06/2022
06 Entrega final do projeto 29/06/2022
Marcos do sistema do projeto
Tabela 2 - Marcos do sistema do projeto

2.1.1.7 Partes interessadas do projeto

No projeto atual foram estabelecidos como interessados no projeto a empresa
contratante Studio Games e também a empresa contratada para desenvolver o projeto.

Empresa Responsável Função

Empresa M&E Renato Guedes Gerente de Projeto
Empresa M&E Mariana Alves Correia Gerente Financeiro
Empresa M&E Eduardo Del Vecchio Gerente de
Desenvolvimento
Empresa M&E Francisco Eduardo Gerente de Qualidade
Empresa M&E Sabrina Polido Gerente de Design
Empresa M&E Guilherme Mendes Gerente de Banco de
Dados
Studio Games Rivaldo Silva Gerente da empresa
contratante
Tabela 3- Interessados no projeto
2.1.1.8 Restrições
Ficam abaixo definida as restrições do projeto entre contratante e contratada:
● O site deverá conter todos os recursos e informações recebidas e
devem estar distribuídas da forma que foi definido em reunião junto
ao cliente.
● O projeto não poderá ter atrasos e deverá ser entregue dentro do
prazo definido e documentado.
● O projeto em suas condições normais não poderá ultrapassar o valor
já estabelecido no contrato, abrindo uma exceção em caso de pedido
de adição de recursos que em um primeiro acordo não estavam
estabelecidos.

2.1.1.9 Premissas
O desenvolvimento deste projeto trata vários benefícios ao cliente contratante,
um site bem funcional irá atrair tantos os que já são clientes como novos,
consequentemente a empresa poderá fazer novos investimentos nesse mercado digital.
Com o sucesso do projeto a Studio Games se consolidara no mercado e será sinônimo
de credibilidade, qualidade e segurança. Assim atraindo novos investidores e parcerias e
tendo um avanço em seu faturamento.
2.1.1.10 Riscos
Riscos Descrição Probabilidade Solução
1 Modificação Baixa Envolver e reunir
necessária na toda a equipe para
equipe que continuem
focados no
desenvolvimento
do projeto
2 Modificação no Média Analisar se é
solicitada na possível a mudança
organização dos e realizá-la da
produtos no melhor maneira
decorrer do projeto possível sem levar
mais tempo do que
deveria.
3 Cumprimento do Média Manter a equipe
prazo previsto com foco no
projeto para que
faça a entrega
dentro do prazo ou
até com
antecedência
4 Má comunicação Alta Cuidado na
comunicação e
manter todas as
áreas do
desenvolvimento
unidos e
envolvidos,
sabendo de todos
os processos.
Tabela 4 - Tabela de riscos

2.1.1.11 Orçamento do Projeto

Foi definido um orçamento de 4.550,00 em valor total com 2.250,00 de
lucro para a empresa contratada para a realização do projeto.
2.2 Gerenciamento do Escopo
Sendo definido todas as paginas que o site deverá ter em um primeiro momento e
todas as suas funcionalidades, seguido da estrutura analítica EAP.

Requisito de Interface Descrição de requisito

PG 1 Tela de Início - Primeira tela que o
usuário verá quando abrir o site.
PG 2 Tela de login – Tela responsável pelo
cadastro do usuário
PG 3 Tela de compra – Tela responsável por
efetuar a compra do produto
PG 4 Tela de pedidos – Tela responsável por
mostrar o histórico de pedidos do usuario
PG 5 Nossos termos – Página com os temos de
uso do site e política de privacidade.
PG 6 Quem somos – Página com o retrospecto
da empresa.
PG 7 Fale conosco – Página para o cliente
enviar todo o seu feedback ou alguma
dúvida, além de entrar em contato com a
empresa
Tabela 5 - Tabela dos requisitos funcionais

2.2.2 Requisitos não funcionais

Requisitos Descrição dos Requisitos

RQT 1 O site deverá funcionar da maneira que
foi testada, em questões de otimização,
velocidade e estética.
RQT 2 O site deverá acompanhar a modernidade
e evolução dos conceitos do mercado.
Tabela 6 - Requisitos não funcionais
 2.2.3 Requisitos de Interface

Requisitos Descrição dos Requisitos

RQT 1 Em caso de erro, o site deverá mostrar
uma mensagem de erro ao usuário.
RQT 2 O site possuirá uma espécie de histórico
que mostrara o caminho que o usuário
percorreu para assim, facilitar a
localização do mesmo.
RQT 3 O site deverá estar bem acessível, com
uma boa usabilidade e uma facilidade
para o usuário identificar o produto que
esteja procurando.
Tabela 7 - Requisitos de Interface

2.2.4 Estrutura Analítica do Projeto – Fases e principais entregas

Projeto

Reuniões Documentações Desenvolvimento Encerramento

Requisitos
Presenciais Virtual Termo A. Jurídico
Apresentação
Protótipo

Escopo Ajustes Entrega da Contrato As.

Design De.
Doc Entrega ao
cliente
Aprovação

Codificação Testes

Vimos conforme a EAP como o projeto foi organizado, começando com as reuniões de
planejamento, passando pelos demais processos até a entrega do projeto finalizado.
2.3 Gerenciamento do Tempo
Após a análise feita do projeto, foi definido uma lista de atividades que devem ser
realizadas da melhor forma e com o menor tempo possível dentro do que foi
estabelecido. Com o objetivo de ter um processo de desenvolvimento organizado e que
cada fase de atividade não se sobressaia do tempo estabelecido, para que o ganho de
tempo seja uma realidade e assim a entrega do projeto dentro do menor tempo possível,
consequentemente com o menor custo possível.

2.3.1 Definição das Atividades

Atividades Descrição
A Análise de requisitos do site
B Categorização dos produtos
C Separação dos produtos por categorias
D Protótipo do site
E Aprovação do conceito do site junto ao
cliente
F Construção do conceito base para a
equipe responsável pelo desenvolvimento
G Criação do HTML e CSS
H Criação do Javascript
I Criação do Banco de Dados
J Teste do site e banco de dados
K Teste IHC
L Entrega ao cliente
Tabela 8 - Atividades do Projeto
 2.3.2 Descrição das atividades

Atividade A - Será feita a análise dos requisitos solicitados para o site.

Atividade B - Analisar e definir em que categoria cada produto se encaixa.
Atividade C - Separar e organizar cada produto de acordo com o que foi
categorizado para cada produto.
Atividade D - Criação de um protótipo do primeiro conceito do site.
Atividade E - Reunião com o cliente para definição do conceito do site.
Atividade F - Repassar o conceito para a equipe de desenvolvimento para
início das atividades de criação.
Atividade G,H e I – Todas os processos de codificação do site.
Atividade J, K - Fases de todos os testes necessários antes da entrega final.
Atividade L - Entrega final do projeto para o cliente.

2.3.3 Rede de projetos

Foi definido uma rede de projeto, para que fique organizado todas as
atividades que serão necessárias para o cumprimento de tudo o que foi
estabelecido em reunião. É de extrema necessidade seguir todos os passos
definidos dentro da rede, para que seja possível a organização do
desenvolvimento.

D
3 6
B F
7
1 A 2 I K J
9 10 11
8 H
C 4 E 5 G

Figura 3 - Rede de Projeto

2.3.4 Tabela de Procedência

Atividade Atividade precedente Tempo (Dias)

A ____ 2
B ____ 3
C B 5
D B 1
E C 7
F D 12
G E 6
H G 10
I F 2
J I, H 4
K J 1
Tabela 9 - Tabela de Procedência

2.3.5 Caminhos
Essa tabela demonstra em que caminhos o projeto deverá prosseguir, assim
mantendo uma organização e facilitando o processo de desenvolvimento.

Caminhos Atividades Dias

Caminho 1 A-C-E-G-H-J-K 39
Caminho 2 A-B-D-F-I-J-K 29
Tabela 10 - Caminhos

Como mostrado acima, o caminho 1 é considerado o caminho critico,

somando 39 dias uteis para seu desenvolvimento, e o caminho 2 com 29
dias. Ressaltando que foi definido um prazo maior do que se espera, para
que tenha uma boa margem de erro caso ocorra um tipo de imprevisto
inesperado.
 2.3.6 Recurso das atividades
A EAR seguinte mostra quais recursos serão utilizados para o desenvolvimento
deste projeto:

Projeto

Equipe Equipe Equipamentos

Administrativa
Técnica

Financeiro
G. de Projeto
Computadores
Gerente RH G. de Design

G. Desenvol.
Jurídico
G. Qualidade

Figura 4 – EAR

A EAR do projeto está representando de que maneira foi organizada e planejada as

equipes para o desenvolvimento do projeto, foi definido as equipes e seus gerentes
correspondentes para cada subequipe, além de quais equipamentos seriam necessários
para o desenvolvimento do projeto.
2.4 Gerenciamento de Custo

A tabela de custo mostrará a tendencia de custo e lucro por cada atividade

realizada no projeto.
Atividade Custo Total Lucro % de Lucro
A R$ 200,00 R$ 100,00 50%
B R$ 500,00 R$ 250,00 50%
C R$ 300,00 R$ 150,00 50%
D R$ 100,00 R$ 50,00 50%
E R$ 00,00 R$ 00,00 50%
F R$ 250,00 R$ 125,00 50%
G R$ 800,00 R$ 400,00 50%
H R$ 800,00 R$ 400,00 50%
I R$ 800,00 R$ 400,00 50%
J R$ 400,00 R$ 200,00 50%
K R$ 400,00 R$ 200,00 50%
L R$ 00,00 R$ 00,00 50%
Total R$ 4.550,00 R$ 2.225,00 50%
Tabela 11 - Tabela de custo
2.5 Gerenciamento de Qualidade
Será mostrado posteriormente os critérios de qualidade utilizado em cada atividade do
projeto.

2.5.1 PDCA

Atividade A - Análise de requisitos do site

Planejar Analisar o problema do cliente e
desenvolver os requisitos que o site deverá
possuir para saneamento desse problema.
Desenvolver Registrado e documentado dentro da reunião
com o cliente, fazer um levantamento dos
requisitos definido e repassá-los para a
próxima fase do projeto.
Checar Verificar se todos os requisitos levantados
são suficientes para o site, além de verificar
se todos são possíveis desenvolvê-los dentro
do prazo e da proposta do projeto.
Atuar Se caso for solicitado ou necessário, realizar
as alterações ou adições dos recursos.
Tabela 12 - Atividade A

Atividade B e C – Separação e categorização dos produtos

Planejar Categorizar os produtos e separá-los de
acordo com a sua categoria.
Desenvolver Coloca-los em suas categorias com base no
que já foi estabelecido na separação.
Checar Checar se os produtos foram categorizados
e separados da maneira correta..
Atuar Em caso de erro na separação, corrigi-los
imediatamente.
Tabela 13 - Atividade B
 Atividade D – Protótipo do site
Planejar Planejar um conceito que seja acessível e de
fácil acesso para melhor acesso as
informações disponíveis no site.
Desenvolver Criação de um protótipo do site, com base no
que foi planejado como melhor conceito
possível para a proposta do site.
Checar Checar se o conceito é condizente com o que
já foi estabelecido em reunião.
Atuar Em caso de possibilidade de alteração para
melhoria, realizar as melhorias que foram
identificadas.
Tabela 14 - Atividade D

Atividade E – Aprovação do conceito junto ao cliente Aprovação do co

cliente

Planejar Preparar uma apresentação do conce

visualize como foi seguido todos os pro
Desenvolver Verificar se tudo o que foi solicitado e
apresentado.
Checar Revisar se o que foi inserido, segue e s
cliente.
Atuar Realizar ajustes em caso de solicitaç
mudança
Tabela 15 - Atividade E
 Atividade F – Construção do conceito base para a equipe responsável
pelo desenvolvimento
Planejar Realizar um planejamento de conceito com
base no que já foi aprovado pelo cliente e
no que foi pensado pela equipe.
Desenvolver Criar o conceito de alta fidelidade usando o
Adobe Photoshop e encaminhar para o time
de desenvolvimento.
Checar Checar se o que foi pedido foi feito de
forma fiel e perfeita com base no que foi
aprovado em reunião com o cliente.
Atuar Caso houver algum erro, corrigi-lo antes de
realizar a próxima atividade.
Tabela 16 - Atividade F

Atividade G – Criação do HTML e CSS

Planejar Comunicação junto a equipe de design para
que o desenvolvimento seja idêntico com o
conceito que foi estabelecido em reunião
pelo cliente.
Desenvolver Desenvolver o código HTML e CSS do
Site utilizando a ferramenta Visual Studio
Code.
Checar Realizar testes de produção para que a
codificação seja a mais otimizada possível.
Atuar Fazer correções ou alterações caso
necessário.
Tabela 17 - Atividade G
 Atividade H – Criação do JavaScript
Planejar Trabalho deve ser feito em conjunto com a
atividade anterior, realizando as interações
do site junto ao HTML e CSS.
Desenvolver Desenvolver o código JavaScript com a
ferramenta Visual Studio Code.
Checar Realizar os testes de interação junto ao
HTML e CSS, com todos os
desenvolvedores em conjunto.
Atuar Realizar as correções de código e se
possível realizar a otimização do código,
com uma boa comunicação para
conhecimento de toda a equipe.
Tabela 18 - Atividade H

Atividade I – Criação do Banco de Dados

Planejar Trabalho em conjunto com as atividades
anteriores, e fazer a ligação entre os
produtos do site com o banco de dados.
Desenvolver Desenvolver a tabela de intens com a
ferramenta MySQL ou MongoDB.
Checar Verificar se foi realizado o cadastro de
todos os produtos do site.
Atuar Corrigir qualquer erro que foi detectado
com falta de itens cadastrados.
Tabela 19 - Atividade I
 Atividade J e K – Teste do site e teste IHC
Planejar Realizar uma reunião com toda a equipe de
desenvolvimento para a realização de testes
antes da entrega ao cliente.
Desenvolver Certificar que os requisitos de IHC foram
atendidos como fácil visualização e
navegação dentro do site, além de uma
possível melhoria dentro do banco de
dados.
Checar Validar o uso das cores e facilidade de
utilização do usuário, além de validar a
interação e cadastro dos produtos no banco
de dados.
Atuar Corrigir qualquer erro de cadastro no banco
de dados ou qualquer falha na interação do
site.
Tabela 20 - Atividade J e K

Atividade L – Entrega ao cliente

Planejar Preparação e treinamento para apresentação
do site, pois é da vital importância para a
empresa do cliente, podendo ser uma virada
histórica para a mesma.
Desenvolver Elaborar uma apresentação interativa e
cativante para demonstração de todos os
recursos presentes no site.
Checar Garantir toda a simpatia e satisfação do
cliente em relação ao que foi apresentado.
Atuar Se necessário e solicitado pelo cliente,
realizar algum ajuste final no site sem que de
forma alguma infrinja o que foi estabelecido
no contrato.
Tabela 21 - Atividade L
2.5.2 Diagrama de Causa e Efeito
A seguir o diagrama de causa e efeito que foi elaborado na tentativa de antever algum
possível imprevisto que possa acontecer.

Máquinas
Meio ambiente

Falta de investimento

Clima ruim Apresentar Falhas

Falha na comunicação

Falha ao transmitir informação Falta de diálogo

Transmitir informação errada Falta de entendimento
Gestor despreparado Falta de informações importantes

Gestão Cliente

Figura 5 - Diagrama de causa e efeito

Gestão de tempo

Falta de gerenciamento
Atrasos

Organização do Projeto

Faltas no trabalho
Falta de interesse
Falta de comunicação

Gestão de pessoas
 2.6 Gerenciamento dos Recursos Humanos
Figura SEQ Figura \* ARABIC 6 -
Diagrama de causa e efeito

2.6.1 Escritório de Projeto

Demonstração de como está representado a organização e estruturação da Studio

Games:

Gerente de Projeto

Documentação Desenvolvimento Testes Financeiro Suporte

Figura 7 - Escritório do projeto

2.6.2 Matriz de Responsabilidade

Setor Responsáveis Funções

Documentação Roberto Pereira Responsável pelo

levantamento de
requisitos.
Desenvolvimento Rosemeire Alves Correia Responsável por
desenvolver o projeto
Testes Marcos Santos Responsável pelos testes
de qualidade e
funcionamento
Financeiro Lucas Ferreira Responsável pelo
financiamento do projeto.
Suporte Gustavo Dias Responsável pelo suporte
ao cliente.
2.7 Gerenciamento das comunicações

As comunicações foram pensadas para serem feitas de maneira rápida e

objetiva entre cliente e equipe gestora, com o intuito de promover com
urgência as informações. Pensando nisso foram definidos algumas condições
para a escolha das ferramentas de comunicação.
● Ferramentas que facilitam a comunicação e que ambos os lados
possuem dominância sobre elas.
● Manter a oficialidade das informações ditas, com o uso de
criptografia dos dispositivos.
Serão utilizadas plataformas digitais para reuniões como o Microsoft Teams
como principal delas, tendo como o Discord e Skype como plataformas de
apoio em caso de algum tipo de imprevisto ou problema. Envio de E-mails ou
WhatsApp para discussão de assuntos com mais seriedade como uma possível
mudança no projeto ocorrerão reuniões presenciais.
Na comunicação interna, serão realizadas reuniões documentadas e assinadas
por cada representante das equipes, essas reuniões serão responsáveis por
discutir os assuntos pendentes e um planejamento sobre as tomadas de
decisões futuras do projeto.
As comunicações existentes são:
Externas: com o cliente e as demais pessoas interessadas no projeto
Internas: com todos os envolvidos com o projeto dentro da empresa
Verticais: comunicação entre o gerente do projeto e todos os demais
departamentos
Horizontais: com os departamentos se comunicando entre si

Abaixo temos o diagrama mostrando como essas comunicações são

realizadas:

Cliente

Gerente de projeto
 Documentação Desenvolvimento Testes Suporte Financeiro

Comunicação externa
Comunicação interna
Comunicação vertical
Comunicação horizontal
Figura 8 - Diagrama da Comunicação

2.8 - Gerenciamento das aquisições e contratações

O gerenciamento das aquisições e contratações não será aplicado nesse projeto
3 DESENVOLVIMENTO PRÁTICO DO PROJETO

No desenvolvimento prático do projeto foram utilizadas algumas

ferramentas para o desenvolvimento do site, e também ferramentas para a
criação do layout do conceito do sistema. As ferramentas foram escolhidas
com base no conhecimento e domínio da equipe de desenvolvimento sobre
as ferramentas e facilidade de utilização das mesmas. As ferramentas
escolhidas foram, Visual Studio Code (para a codificação do site),
Illustrator, Photoshop, Figma (para a criação do design/layout do site).

3.1 Metodologias e ferramentas

3.1.1 Design com Illustrator, Photoshop e Figma

● Adobe Illustrator é um editor de gráficos, ilustrações e imagens vetoriais. Muito

utilizado por profissionais e entusiastas de design, ele auxilia na criação de
logos, fontes, desenhos e artes baseadas em vetores, o que permite que sejam
redimensionadas para vários tamanhos sem perder qualidade (algo importante
para a materiais impressos, por exemplo).

● Adobe Photoshop é considerado o software de edição de imagens mais

conhecido e utilizado no mercado. As versões mais recentes oferecem recursos e
ferramentas avançadas para os mais diversos tipos de trabalhos gráficos, desde
fotografia e design, até arquitetura, animação, pintura e artes 3D.

● O Figma (Web) é uma ferramenta online para design vetorial de interfaces e

protótipos. Destaca-se por ser gratuito, colaborativo com alterações em tempo
real, e operada através do próprio navegador, sem a necessidade de instalar um
novo software em seu computador.

3.1.2 Visual Studio Code

O Visual Studio Code (VS Code) é um editor de código de código aberto

desenvolvido pela Microsoft. A saber, ele está disponível para Windows, Mac e
Linux. É criado com Electron, ferramenta criada pelo GitHub que permite a
criação de softwares Desktop com HTML, CSS e JavaScript. Com isso, é
importante ressaltar que essa ferramenta será utilizada para o desenvolvimento
do HTML, CSS e JavaScript do projeto.
3.2 Funcionalidades do Projeto

4 Considerações Finais

Esse projeto atual tratou-se de um desafio desde o surgimento da proposta do cliente,

essa dificuldade surgiu no início pelo pouco número de pessoas que começaram o
projeto, dificuldade que mais tarde seria parcialmente resolvida com os novos
integrantes que ingressaram durante o desenvolvimento do projeto. Um desafio que
surge pela necessidade de sucesso do projeto por parte do cliente que precisava desse
novo planejamento. Suprir toda a expectativa colocada nesse projeto foi priorizada pela
nossa equipe, sendo um projeto importante para a reputação e reconhecimento do
trabalho realizado pela equipe.
Para sucesso deste projeto foi levantado um planejamento com todos os passos
necessários para o andamento do projeto dentro das datas previstas, desde a definição
das equipes até o projeto em seu perfeito estado e devidamente funcionando com as
funcionalidades prometidas e estabelecidas junto ao cliente. Esse planejamento bem-
sucedido passa pela aplicação e comprometimento de toda a equipe que, com
excelência, concluiu todos os prazos que estavam estabelecidos.
Após todo esse processo, está entregue o projeto funcionando como estava planejado e
na data que estava planejada junto ao cliente, fica o sentimento de gratidão pela
confiança depositada e de tranquilidade pela conclusão bem-sucedida do projeto.