Mudanças entre as edições de "Front-end II: Trabalho de Desenvolvimento III"

De Aulas
(Criou página com 'Afluentes: Desenvolvimento Front-end I = Introdução = Em geral, quando vamos desenvolver um sistema, é porque existe um problema para resolver, tal como: * Armazenar...')
 
 
Linha 1: Linha 1:
Afluentes: [[Desenvolvimento Front-end I]]
+
 
 +
Afluentes: [[Desenvolvimento Front-end II]]
  
 
= Introdução =
 
= Introdução =
Linha 23: Linha 24:
 
** Ou um grupo de 4 a 5 integrantes, não permitido trabalho individual e a escolha dos grupos é de responsabilidade dos alunos;
 
** 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;
 
** Ou pode ser o grupo do PMI;
* Data de Entrega/apresentação: definida conforme [https://saulo.arisa.com.br/wiki/index.php/Desenvolvimento_Front-end_I#Plano_de_Ensino_e_Cronograma cronograma da disciplina];
+
* Data de Entrega/apresentação: definida conforme [https://saulo.arisa.com.br/wiki/index.php/Desenvolvimento_Front-end_II#Plano_de_Ensino_e_Cronograma cronograma da disciplina];
 
* Tempo de apresentação por grupo: 15 minutos;
 
* Tempo de apresentação por grupo: 15 minutos;
 
* Todos os integrantes devem apresentar;
 
* Todos os integrantes devem apresentar;
Linha 44: Linha 45:
  
 
* Tecnologias:
 
* Tecnologias:
** HTML + JavaScript + CSS + Bootstrap;
+
** React.js;
 
* Requisitos de telas:
 
* Requisitos de telas:
 
** Implementação de 1 CRUD escolhida com base no que foi criado no Back-end e Banco de Dados;
 
** Implementação de 1 CRUD escolhida com base no que foi criado no Back-end e Banco de Dados;

Edição atual tal como às 16h05min de 23 de maio de 2024

Afluentes: Desenvolvimento Front-end II

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:
    • React.js;
  • 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.