Exibir código-fonte para Front-end II: Trabalho de Desenvolvimento III

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;
* <u>Habilidades formativas</u>: 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 [https://saulo.arisa.com.br/wiki/index.php/Desenvolvimento_Front-end_I#Plano_de_Ensino_e_Cronograma 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:

* <u>Banco de Dados</u>: O banco de dados será onde os dados do sistema ficarão armazenados. Ele ﬁca do lado do servidor;
* <u>''Back-end''</u>: O ''back-end'' ﬁca do lado do servidor e é essencialmente serviços RESTful;
* <u>''Front-end''</u>: 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 signiﬁca “''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.