Computação do GAC

GAC005 não é um curso de programação. É sobre usar um computador para fazer trabalho acadêmico bem: encontrar fontes confiáveis, escrever com outras pessoas, conduzir um pequeno projeto, e apresentar o resultado.

Tudo é avaliado pelo que você produz. Um conjunto típico é uma tarefa de busca e escrita, um projeto em grupo 小组项目 com uma apresentação, um vídeo 视频, e trabalhos acadêmicos contínuos 平时作业. Não há prova escrita, então os arquivos que você envia são a nota inteira.

• O trabalho é julgado pelo artefato e pelo processo. Mantenha rascunhos e anotações; um projeto em grupo é avaliado parcialmente pela sua contribuição para ele.
• ⚠ Integridade acadêmica 学术诚信 aplica-se a mídia tanto quanto a texto. Uma imagem, um gráfico ou um clipe retirado da web precisa de fonte, e de uma licença que permita o uso.

Qualquer um pode encontrar uma página. A habilidade avaliada é encontrar uma fonte que você possa defender.

• Busque com palavras-chave 关键词, não frases. Escolha os substantivos que devem aparecer em uma boa resposta e descarte tudo o mais.
• Operadores 运算符 estreitam uma busca: aspas forçam uma frase exata, sinal de menos exclui uma palavra, e site: restringe resultados a um domínio.
• Julgue uma fonte antes de usá-la. Autoridade 权威性 pergunta quem escreveu e o que sabem; atualidade 时效性 pergunta quão antigo é; viés 偏见 pergunta o que o autor quer que você pense.
• Uma fonte primária 一手资料 é material original, como o relatório de um experimento. Uma fonte secundária 二手资料 descreve ou interpreta, como um artigo de notícias sobre aquele relatório.
• Os resultados da pesquisa são classificados, não verificados — a posição na página não diz nada sobre precisão.

Exemplo resolvido. A questão é se os carros elétricos produzem menos dióxido de carbono em geral do que os carros a gasolina. Uma busca pela frase retorna páginas de opinião. Uma busca pelas palavras-chave lifecycle emissions electric vehicle comparison retorna estudos, e adicionar site:gov restringe isso a relatórios governamentais cujos autores e métodos são declarados. A segunda busca não é mais inteligente, é mais específica sobre como parece uma resposta utilizável.

Escrever juntos é uma forma normal de trabalhar, e o módulo avalia como você faz isso.

• Um documento na nuvem 云端文档 mantém uma única cópia viva que todos editam, o que elimina completamente o problema "final_v3_really_final".
• O histórico de versões 版本历史 registra quem alterou o quê e quando. Isso protege você: sua contribuição fica visível mesmo quando um arquivo parece ter uma única voz.
• Comentários 批注 propõem uma alteração sem implementá-la; sugestões 建议模式 fazem uma alteração que o proprietário pode aceitar ou rejeitar. Use-os em vez de sobrescrever o parágrafo de alguém.
• Concordem com a estrutura 结构 antes que qualquer pessoa escreva. Dividir um documento por seção funciona; dividi-lo por frase não funciona.
• Mantenha um único estilo 文体: decidam pessoa, tempo verbal e ortografia no início, e atribuam a leitura final a uma única pessoa.

Um projeto em grupo falha muito mais por falta de organização do que por falta de habilidade.

• Uma declaração de escopo 范围 diz o que o projeto fará e o que não fará. A maioria dos atrasos começa como um extra não escrito.
• Marcos 里程碑 são pontos de verificação com datas. Eles convertem "temos três semanas" em algo em que você pode estar atrasado cedo o suficiente para corrigir.
• Atribua papéis 分工 às pessoas, não tarefas ao grupo. Uma tarefa pertencente a todos não pertence a ninguém.
• Um contrato de equipe 团队协议 registra como o grupo irá se reunir, decidir e lidar com um membro que não entrega. Escrevê-lo enquanto todos estão amigáveis é o ponto.
• Rastreie dependências 依赖关系: a apresentação de slides não pode ser terminada antes que os dados sejam coletados, então os dados têm o prazo anterior.

Exemplo resolvido. Um projeto de quatro pessoas para pesquisar e apresentar os hábitos de transporte dos estudantes, devido na semana 6. Voltando no tempo: ensaiar na semana 6, criar slides na semana 5, analisar na semana 4, coletar respostas nas semanas 2 a 3, escrever as perguntas na semana 1. As perguntas são o item mais arriscado porque tudo a jusante depende delas, então elas recebem revisão de todo o grupo e mais nada na semana 1.

Uma apresentação é julgada com base na compreensão da audiência, não na quantidade de conteúdo na tela.

• Uma mensagem 信息 por slide. Se um slide precisa de duas frases para resumir, ele deve ser dois slides.
• Os slides apoiam o orador. Tópicos 要点 são prompts, não um roteiro, e lê-los em voz alta é a maneira mais comum de perder pontos.
• Contraste 对比度 e tamanho determinam se a última fileira pode ler: texto escuro em fundo claro, pelo menos 24 pontos, e uma fonte sem serifa 无衬线.
• Use um gráfico 图表 quando a forma dos dados for o ponto principal, e uma tabela 表格 quando os valores exatos forem importantes. Um gráfico precisa de rótulos de eixo e unidades, sempre.
• Cite as fontes no slide onde o material aparece e mantenha uma lista completa de referências 参考文献列表 no final.

Uma vez que o conteúdo está correto, a execução é o que resta.

• Ensaiem em voz alta 出声, em pé, com um cronômetro. Ler silenciosamente esconde cada frase que você realmente não consegue dizer.
• Sinalização 提示语 diz à audiência onde ela está: "primeiro", "a razão para isto", "para resumir". Em um segundo idioma, isso faz mais trabalho do que qualquer animação de slide.
• Contato visual 眼神交流 e ritmo importam mais que vocabulário. Mais lento é quase sempre melhor.
• Prepare-se para perguntas 提问 listando as três que você menos gostaria de receber, e respondendo-as.
• Animação 动画 tem um uso legítimo: revelar um diagrama complexo uma parte de cada vez. Tudo o resto distrai.

Um vídeo curto é avaliado como qualquer outro produto acadêmico: planejado, com fontes e editado.

• Um storyboard 分镜脚本 planeja cada tomada antes de gravar: o que está na tela, o que é dito, quanto tempo dura. É a diferença entre uma hora de edição e cinco.
• Um roteiro 脚本 mantém um vídeo de dois minutos em dois minutos. Falar sem roteiro leva três vezes mais tempo e diz menos.
• A qualidade de áudio 音质 importa mais que a qualidade de imagem. Uma sala silenciosa supera uma câmera cara, toda vez.
• Use apenas material licenciado 授权: imagens e música liberadas sob uma licença que permita reuso, creditadas na tela ou na descrição.
• Exporte 导出 para um formato comum em um tamanho razoável e verifique se ele toca em uma máquina que não seja sua antes de submetê-lo.

Exemplo resolvido. Um explicador de dois minutos sobre reciclagem de plástico. O storyboard tem oito tomadas de cerca de quinze segundos. A tomada 3 é um gráfico do que uma cidade realmente recicla, na tela por doze segundos com uma frase falada, creditada à fonte no canto. Como o storyboard definiu o comprimento primeiro, o roteiro foi escrito para caber no tempo, em vez de o vídeo ser cortado para caber em um roteiro que já estava muito longo.

O GAC011 é onde você constrói e publica um site real. Seis unidades levam você de um design no papel através de HTML, CSS e JavaScript até um site lançado e um plano para promovê-lo.

Tudo é avaliado com base no que você produz: um storyboard 分镜脚本 e design, o site em si, e uma estratégia de mídia social 社交媒体策略, além do trabalho contínuo. Não há prova escrita.

• O design conta tanto quanto o código. Os resultados do módulo nomeiam estética, layout, navegação e usabilidade junto com a programação.
• ⚠ O site que você projeta aqui é a coisa que o GAC017 dá um back-end e um banco de dados. Um plano fraco agora custa tempo no próximo módulo.

Você pode executar todos os exemplos deste módulo no playground de código do próprio site, e as referências de HTML, CSS e JavaScript lá vão mais fundo do que estas notas fazem.

• Comece no papel. Um wireframe 线框图 mostra a estrutura sem cor, que é a única maneira de discutir a estrutura.
• Arquitetura da informação 信息架构 é o que vai onde: as páginas, e o caminho que um visitante percorre entre elas.
• Hierarquia visual 视觉层次 diz ao olho o que é importante — através de tamanho, peso, espaçamento e contraste, não através de decoração.
• Projete para o público, e diga quem eles são antes de escolher qualquer coisa.

• HTML 超文本标记语言 marca significado, não aparência. Um cabeçalho é <h1> porque ele é um cabeçalho.
• Um elemento 元素 tem uma tag de abertura, conteúdo e uma tag de fechamento; um atributo 属性 vai na tag de abertura.
• Elementos semânticos 语义化元素 — <header>, <nav>, <main>, <article>, <footer> — dizem a um navegador, a um mecanismo de busca e a um leitor de tela o que uma região é.
• Toda imagem precisa de texto alternativo 替代文本. É o que um visitante cego ouve e o que um mecanismo de busca lê.

• CSS 层叠样式表 controla a aparência, e mantê-lo fora do HTML é o ponto inteiro da separação.
• Um seletor 选择器 escolhe elementos; uma declaração 声明 define uma propriedade para um valor.
• O modelo de caixa 盒模型 explica o layout: conteúdo, depois preenchimento, depois borda, depois margem.
• Design responsivo 响应式设计 faz uma página funcionar em um telefone e em um laptop, geralmente com larguras flexíveis e uma media query 媒体查询.

Exemplo resolvido. Um cartão que está largo demais em um telefone.

A solução não é uma largura fixa em pixels. Defina max-width para que o cartão nunca exceda a tela, deixe-o encolher abaixo disso, e adicione uma media query apenas para a mudança que uma tela menor genuinamente precisa, como empilhar duas colunas em uma.

Projetar o caso flexível primeiro, e tratar a media query como a exceção, é o que "responsivo" significa.

• JavaScript roda no navegador e altera a página depois que ela carrega.
• O DOM 文档对象模型 é a página como uma árvore de objetos que seu código pode ler e alterar.
• Um evento 事件 — um clique, um envio, uma pressão de tecla — aciona uma função 函数 que você escreveu.
• Mantenha pequeno neste nível: valide um formulário, alterne um menu, filtre uma lista. Um site que falha quando o JavaScript falha é um erro de design, não de codificação.

• Hosting 托管 coloca seus arquivos em um servidor; um domain name 域名 aponta os visitantes para eles.
• Test before you launch: cada link, num telefone, em um navegador que não seja o seu.
• Accessibility 无障碍 não é opcional — contraste, texto alt, navegação por teclado e texto que redimensiona.
• ⚠ Verifique o que você pode publicar. Uma imagem ou uma fonte no seu site precisa de uma licença que a permita, exatamente como uma citação em um ensaio precisa de uma referência.

• Defina o audience e o objective antes de escolher uma plataforma. "Estar nas redes sociais" não é um objetivo.
• Um plano de conteúdo 内容计划 diz o que você postará, com que frequência e quem escreverá.
• Metrics 指标 devem se conectar ao objetivo: alcance, engajamento e clique-through para seu site são coisas diferentes, e apenas uma delas é tráfego.
• Meça, depois mude uma coisa. Mudar tudo de uma vez não ensina nada sobre qual mudança funcionou.

GAC017 é o módulo de Computação Nível III: o que fica por trás de um site. Seis unidades cobrem back-end JavaScript, bancos de dados, SQL, conectando os dois, e uma primeira olhada em data science.

A avaliação é inteiramente prática — um database 数据库 que você desenha e constrói, um web app 网络应用 que fala com ele, um data analysis project 数据分析项目, e coursework — geralmente espalhado por grande parte do semestre, em vez de concentrado no final.

• O trabalho é julgado por se executar e responder a uma pergunta, não pela quantidade de código.
• ⚠ Desenhe o banco de dados antes de escrever uma query. Quase todo problema posterior é um problema de tabela vestindo roupas de query.

Todos os exemplos SQL aqui rodam no próprio playground de código do site, e a referência SQL lá é a versão mais completa destas notas.

• O front end 前端 roda no navegador; o back end 后端 roda em um servidor e armazena o que o navegador não deve ver.
• Um server 服务器 recebe um request 请求 e retorna uma response 响应. Esse ciclo é a arquitetura inteira.
• Uma API 应用程序接口 é o formato combinado desses requests e responses.
• ⚠ Qualquer dado secreto — uma senha, uma chave — pertence apenas ao back end. Código em um navegador é legível por todos que visitam.

• Um route 路由 mapeia uma URL para código que roda quando aquela URL é solicitada.
• Validate input 校验输入 no servidor. Validar no navegador é uma comodidade para usuários honestos, não uma defesa.
• Nunca construa uma query unindo strings com entrada do usuário. É assim que SQL injection SQL 注入 acontece, e é essa falha de segurança que esta unidade existe para prevenir.
• Retorne um estado honesto: 200 para sucesso, 400 para má solicitação, 404 para algo que não existe.

• Um relational database 关系数据库 armazena dados em tables 表 de linhas e colunas.
• Uma primary key 主键 identifica uma linha de forma única. Uma foreign key 外键 aponta para outra primary key de outra tabela, e esse ponteiro é o relacionamento.
• Normalização 规范化 remove dados duplicados para que um único fato viva em um único lugar.
• Projunte perguntando quais são as entities 实体, e então o que as conecta.

Worked example. Uma escola quer armazenar alunos, cursos e quem faz o quê.

Duas tabelas não conseguem fazer isso: um aluno faz muitos cursos e um curso tem muitos alunos. A muitos-para-muitos precisa de uma terceira tabela — inscrições — cujas linhas são pares (aluno, curso).

Reconhecer que essa terceira tabela é necessária é a ideia de banco de dados mais útil na unidade, e é onde a maioria dos primeiros projetos erra.

• SQL 结构化查询语言 faz perguntas a um banco de dados. SELECT … FROM … WHERE … é o núcleo.
• JOIN 连接 combina linhas de duas tabelas em uma chave correspondente.
• GROUP BY 分组 com COUNT, SUM ou AVG responde a perguntas "quantos por…"
• ⚠ WHERE filtra linhas antes do agrupamento; HAVING filtra grupos depois. Usar o errado é o erro clássico de SQL, e geralmente retorna uma resposta plausível, mas errada.

Worked example. Quais cursos têm mais de 20 alunos?

SELECT c.title, COUNT(*) AS students
FROM enrolments e
JOIN courses c ON c.id = e.course_id
GROUP BY c.title
HAVING COUNT(*) > 20;

A contagem é uma propriedade do grupo, então o filtro é HAVING. Escrito com WHERE não roda — e quando um erro similar roda, silenciosamente responde a uma pergunta diferente.

• O back end recebe uma solicitação, executa uma parameterised query 参数化查询, e retorna as linhas como dados, geralmente JSON 数据交换格式.
• Parameterizada significa que os valores viajam separadamente do texto da query. Isso é o que torna injeção impossível, e não apenas improvável.
• Trate o caso vazio. Uma query que não retorna linhas é normal, e uma página que quebra nisso não está terminada.

• Ciência de dados 数据科学 transforma dados em decisão, e a maior parte do trabalho ocorre antes da análise: limpeza, junção e verificação do que os dados podem suportar.
• Descriptive statistics 描述性 estatísticas resumem; uma visualisation 可视化 mostra a forma; nenhum prova causa.
• Correlation is not causation 相关不等于因果 — a frase que todo projeto de dados precisa e a maioria omite.
• Declare as limitations de seu conjunto de dados. Um projeto que nomeia o que seus dados não podem mostrar nota acima de um que silenciosamente alega demais.