Coder Social home page Coder Social logo

gc-at2's People

Contributors

netrometro avatar

Watchers

 avatar

gc-at2's Issues

Implementação - Footer

Description
O footer deve estar presente no final (rodapé) de todas as páginas, e deve estar responsivo com dispositivos mobile.
Ele deve ter caminhos de encaminhamento para:

  • Página principal do sistema
  • Página principal de pesquisa
  • Página principal de extensão
  • Página descritiva sobre o que se trata o sistema
  • Página de suporte, com dúvidas frequentes e contato
  • Redes Sociais do projeto/organização

Screenshots - Exemplo
footer

Fles
A sessão deve estar presente em todas as páginas do sistema.

Tasks

Criação do Html semântico
Estilização com CSS
Garantia de responsividade
Garantia de encaminhamento
Teste de funcionalidade

Adição de texto sobre o projeto.

Descrição
Adicionar texto de resumo explicando sobre o projeto de pesquisa, ou de extensão.

Arquivos
Adicione essas informações na página principal do site: index.html

Tasks

  • Adicionar essas informações de maneira centralizada da página.

  • Adicionar texto com uma fonte simples e que deixe o texto o mais claro possivel.

Criação de página de perfil para alunos

Descrição

O site deverá, ao mínimo, possuir uma página que mostre o usuário aluno, e suas respectivas contribuições a projetos, com dados do usuário, um elemento img para foto de perfil e uma lista de contribuição do usuário (default: do mais recente ao mais antigo).

Screenshots

Estilização a critério do desenvolvedor

Arquivos

O arquivo principal deve estar nomeado como perfilaluno.html.

Tasks

Minimamente, 3 requisitos devem ser cumpridos

  • Um elemento img para adição de foto do aluno
  • Uma lista dos dados do aluno. Com ênfase nos dados: nome, curso e câmpus
  • Uma lista estruturada dos projetos que o aluno contribuiu, ordenados em ordem de data de lançamento.

Barra de pesquisa

Descrição

Barra de pesquisa para pesquisar os projetos existentes e ver informações sobre os mesmos

Arquivos
Modificar no arquivo onde está o menu

Tasks

  • Adicionar barra de pesquisa no menu
  • Adicionar imagem de lupa na barra

Cabeçalho da pagina

Description
O site precisa de um cabeçalho contendo o nome da universidade

Tasks

  • Criar um header
  • Inserir nome da universidade

Criar uma tabela de pesquisas criadas

Descrição

Uma tabela que mostre as pesquisas realizadas, em progresso e em construção do campus Garanhuns, com um preenchimento mínimo de 3 linhas amostra para os usuários visualizarem.

Screenshots

TabelaPesquisas

Arquivos

Codifique isso num arquivo chamado PesquisasDisponiveis.html

Tasks

Todas as tasks serão feitas no arquivo PesquisasDisponiveis.html

  • Criar um título que descreva o conteúdo da tabela
  • Criar a tabela com as correspondentes colunas
  • Popular a tabela de acordo com suas labels

Pagina de Cadastro

Description
Criar um fomulário de cadastro

Tasks

  • Incluir campo de email, senha, nome e confirmação da senha
  • receber uma confirmação após preencher as informações

Pagina home

Description
Na página da home, é preciso ter uma pequena explicação sobre o proposito do site, além disso, deve-se ter botões para navegar para a listagem dos projetos e extensões.

Screenshots
image

Files
Fazer um arquivo home.html

Tasks

  • Criar botões que levem até as páginas de listagem de projeto de pesquisa e extensão.

Criar seção "sobre a UPE"

Description

Adicionar uma seção que fala a respeito da UPE.

Files

Utilizar o arquivo index.html.

Tasks

  • Criar uma div;
  • Adicionar titulo informações relevantes da UPE dentro da div.

Implementar página de dúvidas frequentes

O site necessita de uma página que contenha dúvidas que podem ser recorrentes entre os usuários e suas respectivas respostas.

Tarefas:

  • Implementar a página com os contêineres para as perguntas e as respostas

Adição de links para contato

Descrição
Adicionar os links para entrar em contato com os principais responsáveis do projeto

Arquivos
Adicione essas informações na página principal do site: index.html

Tasks

  • Adicionar links das principais redes sociais dos responsáveis do projeto
  • Adicionar os ícones para melhorar a visibilidade dos links

Rodapé da página principal.

Description:

Adicione um rodapé à página principal do site contendo dados sobre a UPE, como telefone e e-mail para contato, e dados sobre os os principais colaboradores dos projetos de extensão existentes.

Archives:

Adicione essas informações na arquivo index.html, a página principal do site.

Tasks:

  • Adicionar rodapé.
  • Adicionar ícones para UPE e colaboradores.
  • Adicionar dados sobre os mesmos.

Criar login

Description
Criar um formulário de login

Tasks

  • Fazer formulário de login
  • Fazer botão de logout

Menu Suspenso

##EDIT: Menu Suspenso == Menu Flutuante

#Feature Desenvolver um Menu Suspeso com "nav" onde estarao dispostos o logotipo do site e os links das abas que o site apresneta.

#Description
Desenvolver um Menu Suspenso utilizando a estrutura HTML "nav", onde ficariam dispostos os links de direcionamento para as "abas "ou "sessões do site", o logotipo do site, e a estrutura do buscador. Mesmo o site sendo um SPA o menu suspenso/flutuante NAV ainda encaixa legal pois o link leva o usuario à sessao ou ponto chave no site onde a informaçao biscada esta disposta.

PS: O Elemento HTML de Navegação ("nav") representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação.

#Screenshots
Captura de tela 2023-11-22 112713

Captura de tela 2023-11-22 113935

Sugestão: Usar as referencias apresentadas no site a seguir: https://www.w3schools.com/css/css_navbar.asp

#Task

  • Desenvolver a estrutura do Nav (Conteiner principal e conteiners internos)
  • Mapear os links com as Sessões do site e aloca-los nos conteiners internos
  • Integrar o logotipo do site ao menu suspenso(Converter em uma nova Issues)
  • Integrar o espaço de busca(barra de pesquisa) ao menu suspenso(Converter em uma nova Issues) #5
  • Estilizaçao do Menu Flutuante de acordo com a peleta de cores pré-definida(Converter em uma nova Issues)

Página sobre o GP-LAPES

Description
A criação de uma feature que informa sobre o grupo de pesquida do LAPES, encabeçado pela mestre Helaine. O grupo serve como um espaço para incentivar a produção científica e a pesquisa no curso de Engenharia de Software e de Licenciatura em Computação. Atualmente, o grupo está atrelado com a disciplina de Seminários II do curso de Engenharia de Software, ministrada pelo doutorando Victor Ferreira; portanto, occore às terças, das 14:30 às 16:30.

Screenshots
Screenshot from 2023-11-22 11-30-27

Files
Criar a página em um arquivo com o nome de gplapes.html

Tasks
Para realizar essa issue, é importante que sejam consideradas as seguintes atividade:

  • Descrição breve sobre o grupo de pesquisa
  • Adicionar a data e o horário em que o grupo se encontra
  • Adicionar o docente organizador
  • Adicionar os docentes auxiliadores

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.