Certificadora_Comum

Planejamento - Certificadora de Competência Comum

Instituição: Universidade Tecnológica Federal do Paraná (UTFPR) - Campus Cornélio Procópio
Projeto: Catálogo Automotivo Interativo (Front-End na Prática)
Equipe: Adryann Luiz, Gabriel Takao, Luiz Gustavo, Paulo Felipe, Vinicius Campeão

1. Objetivos do Projeto

Objetivo Geral: Desenvolver Recursos Educacionais Abertos (REA) voltados para a disciplina de Programação Web Front-End, proporcionando um aprendizado acessível e lúdico para interessados em programação.

Objetivos Específicos: Produzir Conteúdos Didáticos: Criar vídeos educativos que expliquem os conceitos fundamentais da programação front-end, utilizando exemplos práticos e didáticos através da construção de um catálogo de carros.
Desenvolver Material Interativo: Elaborar um repositório de código-fonte que ilustre os conceitos abordados nos vídeos.
Promover Aprendizado Lúdico: Utilizar metodologias de ensino prático e visual para engajar no aprendizado e facilitar a compreensão de conceitos complexos.
Fomentar a Colaboração e Divulgação: Estimular o trabalho em equipe e compartilhar os materiais produzidos com o público em geral.

2. Escopo e Delimitação (Conteúdo e Formato)

O projeto abordará o desenvolvimento web focando nos padrões e tecnologias fundacionais de front-end.

Disciplinas e Tópicos Abordados: HTML e Semântica: tecnologias fundacionais e arquitetura cliente-servidor , estruturação de páginas, acessibilidade na web e Search-Engine-Optimization (SEO).
CSS e Design Responsivo: Estilização visual com CSS 3.0 e uso de Media-queries para projetar o layout da aplicação para diferentes plataformas e dispositivos móveis.
JavaScript e DOM: Manipulação da página web e controle de eventos. Manipulação da página web (DOM), controle de eventos e APIs de persistência de dados no navegador web.

Formato do REA: O projeto entregará uma Página Web interativa hospedada no GitHub Pages e Videoaulas explicando a construção de cada funcionalidade lógica e visual.

3. Estrutura do Website

O website será estruturado em uma única página, dividida em três seções principais: Apresentação, Conteúdo e Contato. Os usuários poderão navegar rolando a página ou utilizando a barra de navegação.

Apresentação: Esta seção apresentará uma imagem chamativa do projeto (ambiente automotivo), acompanhada do título e um breve resumo descrevendo os objetivos.
Conteúdo: A plataforma guiará o usuário por uma trilha de aprendizado sequencial. O conteúdo será disponibilizado em ordem, dividindo o desenvolvimento em etapas lógicas. Em cada módulo, o usuário terá acesso a vídeo-aulas e exercícios práticos que o acompanharão passo a passo, desde a estruturação inicial do código até a finalização completa do site interativo do catálogo de carros.
Contato: Esta seção fornece informações sobre os criadores do site. Serão exibidos os nomes, além de links para os perfis do LinkedIn e GitHub de cada membro da equipe.

4. Metodologia e Planejamento de Horas

Adotaremos o Scrum e Kanban como metodologia ágil do projeto, com ênfase no uso de sprints. O gerenciamento das tarefas será feito utilizando o Trello.

Carga Horária Total para cada integrante: 120 horas.

Divisão Inicial de Atribuições: Nome do Aluno 1: Estruturação do HTML, repositório e documentação técnica.
Nome do Aluno 2: Estilização (CSS/Responsividade) e testes do site.
Nome do Aluno 3: Lógica JavaScript e arquitetura do website.
Nome do Aluno 4: Criação do material didático (roteiros das aulas, exercícios práticos).
Nome do Aluno 5: Produção audiovisual (Template de slides, gravação e edição das videoaulas).

Todos: Reuniões semanais e planejamento das tarefas no Trello

5. Padrões de Projeto

Para manter a organização do repositório, adotaremos as seguintes regras essenciais:

Nomenclatura: Utilize sempre hifens para criar arquivos (ex: catalogo-carros.html). Ao criar pastas, dê preferência a apenas uma palavra ou utilize hifens.
Commits: Mensagens claras e descritivas usando verbos no imperativo. A estrutura deve indicar o tipo de mudança (feat, fix, docs, style, refactor, test) e possuir um título de até 50 caracteres.
Exemplo: feat: adicionar filtro de categorias em js
Tamanho dos Commits: Realize commits pequenos e focados em uma única funcionalidade para facilitar revisões.