Front-End: Trabalho de Desenvolvimento 3

Afluentes: Desenvolvimento Front-end I

Introdução

Em geral, quando vamos desenvolver um sistema, é porque existe um problema para resolver, tal como:

• Armazenar informações no formato digital para agilizar sua consulta e seu uso na tomada de decisões;
• Gerenciar o processo de fabricação de produtos;
• Calcular gastos, lucros, dividendos.;
• Controlar entrada e saída de produtos;
• Modelar no computador peças, construções de engenharia (CAD);
• Gerenciar os funcionários de uma organização, etc.

Objetivo

• O trabalho consiste em montar um projeto de um sistema web para uma empresa ou organização fictícia;
• O grupo deve definir o problema que será utilizado como base e desenvolver a solução no paradigma de sistemas web;
• Habilidades formativas: o(a) aluno(a) deve desenvolver a habilidade de criar um sistema web completo full stack.

Requisitos Gerais do Trabalho

• Grupos:
  • Ou um grupo de 4 a 5 integrantes, não permitido trabalho individual e a escolha dos grupos é de responsabilidade dos alunos;
  • Ou pode ser o grupo do PMI;
• Data de Entrega/apresentação: definida conforme cronograma da disciplina;
• Tempo de apresentação por grupo: 15 minutos;
• Todos os integrantes devem apresentar;
• Dividir igualitariamente o tempo entre os integrantes;
• Todos devem acompanhar a apresentação;
• Slides não devem ser lidos (devem ser explicados);
• Apresentar o problema escolhido;
• O não comparecimento de um dos membros do grupo deve ser devidamente justificado.

Requisitos Específicos

O sistema é dividido em três partes, sendo que cada parte se refere a cada uma das três disciplinas envolvidas no semestre, de forma integrada. Cada parte tem seus próprios requisitos:

• Banco de Dados: O banco de dados será onde os dados do sistema ficarão armazenados. Ele fica do lado do servidor;
• Back-end: O back-end fica do lado do servidor e é essencialmente serviços RESTful;
• Front-end: O front-end é carregado e executado do lado do cliente.

Cada uma das partes será cobrada por cada respetivo professor da disciplina. Nosso foco aqui será no Front-end. Contudo, ainda assim, o trabalho deve estar totalmente integrado com as disciplinas relacionadas.

Requisitos Front-end

• Tecnologias:
  • HTML + JavaScript + CSS + Bootstrap;
• Requisitos de telas:
  • Implementação de 1 CRUD escolhida com base no que foi criado no Back-end e Banco de Dados;
    • CRUD significa “Create, Read, Update, Delete”, o que vemos no sistema como inclusão, leitura (listagem), alteração e exclusão de registros.
    • Cada CRUD pode ser relacionado a uma tabela, ou view, relação de tabelas, etc.
• Dados: O sistema deve gerenciar informações em um banco de dados acessado por serviços RESTful desenvolvidos no back-end.

Observações

Desenvolvimento do trabalho:

• Para trabalhar em grupo é essencial:
  • Harmonia entre os membros;
  • Administrar o tempo;
  • Dividir as tarefas;
  • Consolidar as tarefas em um único artefato.

Slides da Apresentação

Como a apresentação do trabalho integrado é única, deve conter as atividades feitas nas disciplinas envolvidas:

• Capa (Nome do sistema, nomes dos integrantes, etc);
• Problema (qual o problema que se quer resolver com o sistema);
• Modelagem ER do Banco de Dados;
• Interfaces / chamadas dos serviços back-end;
• Telas do front-end do sistema

Além dos slides, o que mostrar:

• Sistema Rodando;
• Código fonte (Breve explicação. Lembre-se que o limite é 15 minutos);
• Qual a regra de negócio implementada no código do banco de dados para que possa ser demonstrada ao utilizar o sistema.