Projeto 01
Objetivo do Projeto: Criar um site responsivo utilizando HTML, CSS (Bootstrap)
e JavaScript, que inclua um formulário de contato funcional capaz de enviar
mensagens para um destinatário específico.
Requisitos do Projeto:
1. Página Inicial: Uma página inicial que apresente informações básicas sobre o site
ou o propósito do projeto. Utilize o Bootstrap para estruturar e estilizar essa
página.
2. Página de Contato: Uma página que contenha um formulário de contato. O
formulário deve incluir campos como nome, email, assunto e mensagem. Utilize
validações em JavaScript para garantir que os campos obrigatórios sejam
preenchidos corretamente antes do envio.
3. Envio do Formulário: Implemente uma função em JavaScript que capture os
dados preenchidos no formulário e os envie para um servidor back-end ou
serviço de e-mail. Você pode simular o envio usando um serviço de teste como o
Formspree, ou implementar um servidor back-end simples para receber e-mails.
4. Estilização e Responsividade: Utilize CSS (Bootstrap) para estilizar o site de
forma atraente e responsiva. Garanta que o site seja visualmente agradável em
dispositivos de diferentes tamanhos, como desktops, tablets e smartphones.
Tecnologias Recomendadas:
HTML, CSS (Bootstrap) para a estrutura e design do site.
JavaScript para a validação do formulário e o envio dos dados.
Se necessário, um serviço de e-mail temporário como Formspree para testar o
envio do formulário.
Avaliação: Os alunos serão avaliados com base na funcionalidade do site, na
utilização adequada do Bootstrap e CSS para a estilização, na funcionalidade
correta do formulário de contato (validação e envio) e na responsividade do site
em diferentes dispositivos.
Importante
Data para entrega 13 de Janeiro de 2024 até as 23:59.
Projeto é individual
Projeto 02 em grupo de 3 Pessoas
Grupo A: Desenvolvimento de um Sistema de Gerenciamento de Produtos
Objetivo do Projeto: Desenvolver um sistema que permita gerenciar uma lista
de produtos, oferecendo funcionalidades de criação, leitura, atualização e
exclusão desses produtos.
Requisitos do Projeto:
1. Criação (Create): Implementar um formulário para adicionar novos produtos à
lista. Esse formulário deve conter campos como nome do produto, descrição,
preço, quantidade em estoque, entre outros detalhes relevantes.
2. Leitura (Read): Mostrar todos os produtos cadastrados em uma lista ou tabela,
permitindo que os usuários vejam facilmente todas as informações dos produtos
existentes.
3. Atualização (Update): Permitir a edição dos detalhes de um produto existente.
Isso pode ser feito através de uma página ou modal que exiba os detalhes do
produto selecionado e permita a modificação de seus atributos.
4. Exclusão (Delete): Implementar uma forma segura de remover um produto da
lista. Isso pode ser feito através de um botão ou ação específica de exclusão.
Tecnologias Recomendadas:
Para a interface do usuário, podem usar HTML, CSS (possivelmente Bootstrap)
para a estrutura e o design.
JavaScript para interações e validações na interface, se necessário.
Para a persistência dos dados, podem utilizar um banco de dados simples como
SQLite, Firebase (se permitido) ou até mesmo armazenamento local
(localStorage).
Avaliação: Os alunos serão avaliados com base na funcionalidade completa do
CRUD, na usabilidade da interface, na correção das operações (Create, Read,
Update, Delete), na organização do código e na manipulação adequada dos
dados.
Grupo B: Desenvolver um sistema front-end para cadastro de funcionários,
incluindo autenticação de login para acesso.
Requisitos do Projeto:
1. Página de Login: Implementar uma página de login que solicite nome de usuário
e senha. Utilizar formulários para capturar e validar esses dados.
2. Autenticação: Validar as credenciais do usuário. Isso pode ser simulado com
dados fixos (usuário e senha pré-definidos), pois o foco é o front-end.
3. Cadastro de Funcionários: Criar uma página ou formulário para cadastrar novos
funcionários. Esse formulário deve incluir campos como nome, sobrenome, cargo,
e-mail, entre outros dados relevantes.
4. Listagem de Funcionários: Após o login, exibir uma lista dos funcionários
cadastrados. Permitir a visualização dos detalhes de cada funcionário, bem como
a edição ou exclusão de registros.
Tecnologias Recomendadas:
Utilize HTML para a estrutura da página, CSS (Bootstrap) para estilização e
JavaScript para interação com formulários.
A validação de login pode ser simulada com JavaScript usando dados fixos (mas
ressalte que isso não é seguro em produção).
Avaliação: Os alunos serão avaliados com base na funcionalidade do sistema de
login, na capacidade de cadastrar novos funcionários, na interatividade da
listagem de funcionários e na usabilidade geral do sistema.
Grupo C: Criar Loja virtual
Objetivo do Projeto: Desenvolver uma loja virtual simulada com funcionalidades
de cadastro de produtos, carrinho de compras e uma página de pagamento
básica.
Requisitos do Projeto:
1. Cadastro de Produtos: Os alunos devem criar uma interface para o cadastro de
produtos. Cada produto deve conter informações como nome, descrição, preço
e imagem.
2. Listagem de Produtos: Implemente uma página onde os produtos cadastrados
sejam listados, permitindo que os usuários visualizem todos os itens disponíveis
para compra.
3. Carrinho de Compras: Desenvolva um carrinho de compras funcional que
permita adicionar e remover produtos. A página deve exibir os produtos
selecionados, quantidades e o total a ser pago.
4. Página de Pagamento Simples: Crie uma página de pagamento básica onde
seja possível inserir informações de pagamento simuladas (número do cartão,
data de validade, código de segurança, etc.). Essa página pode ser simulada sem
a necessidade de processamento real de pagamento.
5. Design Responsivo: Utilize HTML, CSS (Bootstrap ou outras ferramentas) para
criar um design responsivo que se adapte a diferentes tamanhos de tela,
proporcionando uma boa experiência de usuário em dispositivos móveis e
desktops.
Tecnologias Recomendadas:
HTML, CSS para a estrutura e design do site.
JavaScript para a interatividade do carrinho de compras e validações de
formulário.
Se desejado, podem usar frameworks ou bibliotecas como React, [Link] ou
Angular para uma abordagem mais avançada.
Avaliação: Os alunos serão avaliados com base na funcionalidade geral da loja
virtual, na capacidade de cadastrar produtos, na funcionalidade e usabilidade do
carrinho de compras, na apresentação da página de pagamento simulada e na
responsividade do site em diferentes dispositivos.
Prezados membros do grupo,
Gostaria de lembrar a todos sobre os detalhes cruciais relacionados ao nosso
projeto em grupo, os quais são essenciais para o sucesso do nosso trabalho
colaborativo.
1. Prazo de Entrega: O projeto deve ser entregue até o dia 25 de janeiro de 2024,
às 23:59. É imprescindível respeitar esse prazo para garantir a avaliação adequada
e a conclusão satisfatória do projeto.
2. Trabalho em Equipe: Reforço a importância do trabalho colaborativo. Este
projeto é uma oportunidade para aprendermos uns com os outros, compartilhar
conhecimentos e habilidades, e trabalhar juntos para alcançar um resultado
excepcional.
3. Comunicação Intergrupal: Manter uma comunicação fluida entre os diferentes
grupos é fundamental. Garantir que estamos alinhados, compartilhar ideias,
resolver dúvidas e coordenar esforços são aspectos essenciais para o sucesso do
projeto como um todo.
4. Responsabilidade Coletiva: É crucial que todos contribuam de maneira
significativa. Cada membro do grupo tem um papel importante a desempenhar.
Caso haja dificuldades ou um membro não possa contribuir, é vital que isso seja
comunicado para que possamos encontrar soluções juntos.
5. Nota Individual: Em caso de um membro do grupo não contribuir de forma
satisfatória ou não entregar sua parte do trabalho, será avaliado individualmente
apenas esse membro, não afetando a nota do grupo como um todo.
Por favor, vamos nos esforçar para cumprir essas diretrizes, colaborar ativamente
e garantir que nosso projeto seja bem-sucedido. Estou à disposição para
quaisquer dúvidas ou questões que possam surgir ao longo do processo.
Conto com a colaboração de todos para alcançarmos excelentes resultados
juntos.
