Portfólio de Grupo — Prototipagem Digital¶
Este repositório é a entrega final do vosso grupo. Cada commit no main atualiza automaticamente a galeria pública do site da disciplina (~1-2 minutos).
Componentes da entrega¶
| Peso | Componente | Onde vive |
|---|---|---|
| 50% | Tutoriais de Máquinas (grupo) — 2 tutoriais detalhados, um por máquina | tutoriais/<nome-da-maquina>/ |
| 50% | Projeto Integrado (individual) — um por elemento | experiencias/<numero>-<nome>/ |
Tutorial Video (este foi criado para design de Produto, qq diferença está no passo a passo abaixo)¶
0. Setup (todos os elementos do grupo)¶
Ferramentas¶
- GitHub Desktop — https://desktop.github.com
- Obsidian — https://obsidian.md
Conta GitHub¶
Cada elemento precisa de uma conta: https://github.com/signup.
1. Aceitar a tarefa e clonar o repositório¶
Um elemento do grupo (líder técnico) faz o seguinte:
- Abre o link da tarefa: https://classroom.github.com/a/uxUUF3jN
- Cria uma equipa com um nome curto (ex.:
grupo-A). Os colegas juntam-se quando seguirem o link depois de ti. - Aceita a tarefa → cria-se um repositório de grupo.
- No GitHub Desktop → File → Clone repository → escolhe o repositório recém-criado. Ou acendendo ao link, na página principal, no dropdown "CODE" a verde no canto sup direito, tens um "open in Github Desktop"
Os outros elementos aceitam o link e juntam-se à equipa criada (sem criar equipa nova).
2. Abrir como Obsidian Vault¶
- Abrir Obsidian → Open folder as vault → escolher a pasta clonada (para saberes a sua localização, caso não a tenhas personalizado no passo anterior, carrega no botão direito no Github desktop sobre o nome do repositório clonado e "Reveal in Finder" ou Explorer (mac e windows respectivamente).
- Pronto. O vault já está pré-configurado:
- No entanto, verifica a pre-configuração. (se não, segue a do vídeo - é importante que esteja assim para funcionar)
- Imagens arrastadas vão para
attachments/ao lado do documento. - Links em formato Markdown padrão (
), nunca em formato Wiki (![[foto.jpg]]).
As definições estão em Settings → Files & Links.
3. Fluxo sem conflitos de git¶
De qualquer forma não é complicado. basta que pensem que cada vez que querem contribuir para alguma coisa no vosso repositorio têm que perceber se alguém já o fez antes e garantir que versão (commit) no vosso computador é a mais atual. Assim, basta que repitam o "mantra": - Fetch content; - Pull (se aparecer disponivel); - commit (preenchendo antes o nome da versão- não precisa de ser nada elaborado, só para que se lembrem caso à frente queiram desfazer); - Push
Caso isto vos atrapalhe peçam ajuda. É algo fácil para nós ou se sentirem mesmo inseguro(a)s com este formato elejam um(a) líder técnico(a) como único(a) responsável por commits/pushes. Neste caso, os colegas entregam-lhe (email, drive), que copia para o repositório local, faz commit e push.
4. Estrutura do repositório¶
.
├── index.md # Página de grupo (Home)
├── tutoriais/
│ └── _modelo/ # DUPLICAR para cada máquina (2 tutoriais)
│ ├── index.md # Tutorial detalhado
│ └── attachments/
├── experiencias/
│ └── _modelo/ # DUPLICAR para cada elemento
│ ├── index.md # Projeto individual
│ └── attachments/
├── attachments/ # Imagens partilhadas do grupo
└── README.md
O que preencher¶
A. Página de grupo (index.md)¶
Atualizem o frontmatter (linhas entre ---):
group_name: "Nome do Grupo"
group_number: "G01"
course: "PrototipagemDigital"
members:
- number: "20231234"
name: "Aluno A"
- number: "20235678"
name: "Aluno B"
Atualizem também a tabela de elementos, e a galeria de tutoriais e de experiências individuais.
B. Tutoriais (tutoriais/)¶
Para cada uma das duas máquinas:
- Duplicar
tutoriais/_modelo/e renomear paratutoriais/<nome-da-maquina>/(ex.:tutoriais/silhouette-cameo/). - Atualizar o frontmatter (
title,hero_title,hero_subtitle,machine_name). - Preencher as 6 secções:
- Como desenhar para esta tecnologia
- Como preparar um ficheiro
- Antes de Começar (Segurança + Ficheiros)
- Como operar a máquina passo-a-passo
- Resultado e pós-produção
- Recursos e Ficheiros
- Voltar ao
index.mdda raiz e atualizar o card correspondente (substituir_modeloem ambos os caminhos por<nome-da-maquina>).
Referência de estrutura: tutorial da CNC do Fablab Benfica — https://fablabbenfica.gitlab.io/fablabbenficadocs/machines/ouplan/.
C. Projetos individuais (experiencias/)¶
Cada elemento:
- Duplicar
experiencias/_modelo/paraexperiencias/<numero>-<primeiro-nome>/(ex.:experiencias/20231234-maria/). - Atualizar o frontmatter (
title,hero_*,student_name,student_number). - Preencher as secções: Conceito, Tecnologias Usadas, Processo, Resultado Final, Reflexão.
- Adicionar imagens bem produzidas do resultado final e do processo.
- Atualizar a galeria de experiências no
index.mdda raiz com um card para o novo projeto.
5. Imagens — convenção¶
No corpo do texto¶
Arrastar para o Obsidian → guarda em attachments/ ao lado do documento → insere  automaticamente. Funciona em qualquer ficheiro.
Imagem de capa (hero)¶
A hero tem de chamar-se sempre hero.jpg (ou hero.png), na pasta attachments/ ao lado do .md. Cada nível tem o seu próprio hero.jpg:
attachments/hero.jpgao lado deindex.md→ hero do grupotutoriais/<máquina>/attachments/hero.jpg→ hero do tutorialexperiencias/<numero>-<nome>/attachments/hero.jpg→ hero do projeto individual
Outras imagens podem ter qualquer nome — só a hero é que tem nome obrigatório.
Caminho no frontmatter¶
| Tipo de ficheiro | hero_image: |
|---|---|
index.md (qualquer pasta) |
attachments/hero.jpg |
| Outros ficheiros (sub-páginas) | ../attachments/hero.jpg |
O template já está pré-configurado corretamente — basta substituir o hero.jpg pela vossa imagem real, mantendo o nome. |
Vídeos e modelos 3D¶
O site converte automaticamente:
→ vídeo embebido (também.webm,.mov,.ogg)→ visualizador 3D (também.step,.obj,.glb,.gltf)- Links
https://a360.co/...→ visualizador Autodesk - Links bare de YouTube (
https://youtu.be/...) → embed iframe
6. Commit e push¶
No GitHub Desktop:
- Fetch content;
- Pull (se aparecer disponível);
- Ver alterações na coluna esquerda
- Escrever uma mensagem curta no campo Summary
- Commit to main
- Push origin
Espera ~1-2 minutos. A galeria pública atualiza-se sozinha.
7. Privacidade¶
published: falsenoindex.mdda raiz → grupo não aparece na galeria pública.published: falsenoindex.mdde um tutorial ou projeto individual → esse item não é listado.
8. Resolver problemas comuns¶
| Problema | Causa | Solução |
|---|---|---|
| Imagens não aparecem na galeria | Links em formato Wiki ![[ ]] |
Usar formato Markdown  |
| Hero não aparece numa sub-página | Falta ../ |
hero_image: ../attachments/hero.jpg |
Hero não aparece no index.md |
Tem ../ a mais |
hero_image: attachments/hero.jpg (sem ../) |
| Grupo não aparece na galeria | published: false ou push falhou |
Confirmar published: true e Push origin no GitHub Desktop |
| Conflito de merge | Edições em paralelo | Pedir ao professor. Fluxo do líder técnico evita isto. |