Front-End: Trabalho de Desenvolvimento 3

De Aulas

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.