GAC Informatique

GAC005 n'est pas un cours de programmation. C'est l'utilisation de l'ordinateur pour travailler académiquement efficacement : trouver des sources fiables, écrire à plusieurs, diriger un petit projet, et présenter les résultats. Tout est évalué sur la production finale. Un ensemble typique comprend une tâche de recherche et d'écriture,

non projet de groupe 小组项目 avec une présentation, une vidéo 视频, et des travaux pratiques持续 non projet de groupe 小组项目 avec une présentation, une vidéo 视频, et des travaux dirigés continus coursework 作业. Il n'y a pas d'examen écrit, donc les fichiers soumis constituent la note totale.

• Le travail est jugé sur l'artefact et sur le processus. Conservez les brouillons et notes ; un projet de groupe est noté partiellement sur votre contribution personnelle.
• ⚠ L'intégrité académique 学术诚信 s'applique aux supports multimédias autant qu'au texte. Une image, un graphique ou un extrait pris sur internet nécessite une source et une licence autorisant son utilisation.

N'importe qui peut trouver une page. La compétence évaluée est de trouver une source défendable.

• Recherchez avec des mots-clés 关键词, pas des phrases. Sélectionnez les substantifs indispensables à une bonne réponse et ignorez le reste.
• Les opérateurs 运算符 affinent la recherche : guillemets imposent une expression exacte, signe moins exclut un mot, et site: restreint les résultats à un domaine spécifique.
• Évaluez une source avant de l'utiliser. L'autorité 权威性 demande qui l'a écrite et ce qu'elle sait ; la actualité 时效性 son âge ; le biais 偏见 révèle l'intention de l'auteur.
• Une source primaire 一手资料 est un document original, comme le compte rendu d'une expérience. Une source secondaire 二手资料 la décrit ou l'interprète, comme un article de presse relatant ce rapport.
• Les résultats de recherche sont classés, pas vérifiés — la position sur la page ne dit rien sur l'exactitude.

Exemple résolu. La question est de savoir si les véhicules électriques produisent moins de dioxyde de carbone dans l'ensemble que les voitures à essence. Une recherche pour cette phrase renvoie des pages d'opinion. Une recherche pour les mots-clés émissions du cycle de vie comparaison véhicule électrique renvoie des études, et en ajoutant site:gov on se limite aux rapports gouvernementaux dont les auteurs et les méthodes sont indiqués. Le second recherche n'est pas plus ingénieuse, elle est plus spécifique sur ce qu'une réponse utilisable ressemble.

Écrire ensemble est une façon normale de travailler, et le module évalue la manière dont vous le faites.

• Un document cloud 云端文档 conserve une seule copie vivante que tout le monde édite, ce qui élimine le problème « final_v3_really_final » entièrement.
• Historique des versions 版本历史 enregistre qui a changé quoi et quand. Cela vous protège : votre contribution est visible même lorsqu'un fichier semble venir d'une seule voix.
• Commentaires 批注 proposent un changement sans le faire ; suggestions 建议模式 effectuent un changement que le propriétaire peut accepter ou rejeter. Utilisez-les au lieu de remplacer le paragraphe de quelqu'un.
• Entendez-vous sur la structure 结构 avant que quiconque n'écrive. Diviser un document par section fonctionne ; le diviser par phrase ne fonctionne pas.
• Gardez une seule style 文体 : décidez du mode, du temps verbal et de l'orthographe au début, et donnez à une personne la lecture finale.

Un projet de groupe échoue beaucoup plus souvent par manque d'organisation que par manque de capacité.

• Une déclaration de périmètre 范围 précise ce que le projet fera et ce qu'il ne fera pas. La plupart des débordements commencent comme un supplément non écrit.
• Les jalonns 里程碑 sont des points de contrôle avec des dates. Ils transforment « nous avons trois semaines » en quelque chose sur lequel vous pouvez être en retard assez tôt pour corriger.
• Attribuez des rôles 分工 à des personnes, pas des tâches au groupe. Une tâche dont tout le monde est responsable n'appartient à personne.
• Un contrat d'équipe 团队协议 enregistre comment le groupe va se réunir, décider et gérer un membre qui ne tient pas ses engagements. L'écrire alors que tout le monde est amical est le point.
• Suivez les dépendances 依赖关系 : la présentation ne peut être terminée avant que les données ne soient collectées, donc les données ont l'échéance la plus précoce.

Exemple résolu. Un projet de quatre personnes pour enquêter et présenter les habitudes de transport des étudiants, dû en semaine 6. En partant de la fin : répéter en semaine 6, construire les diapositives en semaine 5, analyser en semaine 4, collecter les réponses en semaines 2 à 3, rédiger les questions en semaine 1. Les questions sont le élément le plus risqué car tout ce qui suit en dépend, donc ils sont examinés par le groupe entier et rien d'autre la semaine 1 ne se produit.

Une présentation est jugée sur la compréhension du public, pas sur la quantité d'informations à l'écran.

• Un message 信息 par diapositive. Si une diapositive nécessite deux phrases pour être résumée, c'est deux diapositives.
• Les diapositives supportent l'orateur. Les points à puces 要点 sont des rappels, pas un script, et les lire à haute voix est le moyen le plus courant de perdre des points.
• Le contraste 对比度 et la taille déterminent si la dernière rangée peut lire : texte foncé sur fond clair, au moins 24 points, et une police sans-serif 无衬线.
• Utilisez un graphique 图表 lorsque la forme des données est le point, et un tableau 表格 lorsque les valeurs exactes le sont. Un graphique nécessite toujours des étiquettes d'axe et des unités.
• Citez les sources sur la diapositive où le matériel apparaît, et gardez une liste de références 参考文献列表 à la fin.

Une fois le contenu correct, il ne reste que la prestation.

• Répétez à haute voix 出声, debout, avec un chronomètre. Lire silencieusement cache chaque phrase que vous ne pouvez pas vraiment dire.
• Les signaux 提示语 indiquent au public où il en est : « d'abord », « la raison de ceci », « pour résumer ». Dans une langue seconde, cela fait plus de travail qu'aucune animation de diapositive.
• Le contact visuel 眼神交流 et le rythme comptent plus que le vocabulaire. Plus lent est presque toujours mieux.
• Préparez les questions 提问 en listant les trois auxquelles vous aimeriez le moins répondre, et répondez-y.
• Les animations 动画 ont une utilisation légitime unique : révéler un diagramme complexe une partie à la fois. Tout le reste distrait.

Une courte vidéo est évaluée comme tout autre produit académique : planifiée, sourcée et montée.

• Un storyboard 分镜脚本 planifie chaque plan avant l'enregistrement : ce qui est à l'écran, ce qui est dit, combien de temps ça dure. C'est la différence entre une heure de montage et cinq.
• Un script 脚本 maintient une vidéo de deux minutes à deux minutes. Parler sans script prend trois fois plus de temps et dit moins.
• La qualité audio 音质 compte plus que la qualité image. Une pièce calme bat un appareil photo cher à chaque fois.
• N'utilisez que du matériel licencié 授权 : images et musique libérées sous une licence permettant la réutilisation, créditée à l'écran ou dans la description.
• Exporter 导出 vers un format courant à une taille raisonnable, et vérifiez qu'il fonctionne sur une machine qui n'est pas la vôtre avant de la soumettre.

Exemple résolu. Un explicatif de deux minutes sur le recyclage du plastique. Le storyboard contient huit plans d'environ quinze secondes. Le plan 3 est un graphique de ce qu'une ville recycle réellement, à l'écran pendant douze secondes avec une seule phrase parlée, crédité à la source dans le coin. Parce que le storyboard a fixé la durée en premier, le script a été écrit pour s'adapter au temps, plutôt que le vidéo étant coupée pour s'adapter à un script qui était déjà trop long.

GAC011 est là où vous construisez et publiez un vrai site web. Six unités vous mènent d'un design sur papier à travers HTML, CSS et JavaScript jusqu'à un site lancé et un plan pour le promouvoir.

Tout est évalué sur ce que vous produisez : un storyboard 分镜脚本 et un design, le site lui-même, et une stratégie de médias sociaux 社交媒体策略, ainsi que des travaux pratiques. Il n'y a pas d'examen écrit.

• Le design compte autant que le code. Les objectifs du module nomment l'esthétique, la mise en page, la navigation et l'utilisabilité aux côtés du codage.
• ⚠ Le site que vous concevez ici est celui que GAC017 donne un back-end et une base de données. Un plan faible coûte du temps dans le module suivant.

Vous pouvez exécuter tous les exemples de ce module dans le playground de code du site, et les références HTML, CSS et JavaScript y vont plus loin que ces notes.

• Commencez sur papier. Un wireframe 线框图 montre la structure sans couleur, qui est le seul moyen de discuter de la structure.
• L'architecture de l'information 信息架构 est ce qui va où : les pages, et le chemin qu'un visiteur suit entre elles.
• La hiérarchie visuelle 视觉层次 dit à l'œil ce qui importe — par la taille, le poids, l'espacement et le contraste, pas par la décoration.
• Conception pour le public, et dites qui ils sont avant de choisir quoi que ce soit.

• HTML 超文本标记语言 marque le sens, pas l'apparence. Un titre est <h1> parce qu'il est un titre.
• Un élément 元素 a une balise d'ouverture, du contenu et une balise de fermeture ; un attribut 属性 va dans la balise d'ouverture.
• Les éléments sémantiques 语义化元素 — <header>, <nav>, <main>, <article>, <footer> — disent à un navigateur, un moteur de recherche et un lecteur d'écran ce qu'est une région.
• Chaque image a besoin de texte alternatif 替代文本. C'est ce qu'entend un visiteur aveugle et ce qu'un moteur de recherche lit.

• CSS 层叠样式表 contrôle l'apparence, et le garder hors de HTML est toute la raison de la séparation.
• Un sélecteur 选择器 choisit des éléments ; une déclaration 声明 définit une propriété à une valeur.
• Le modèle de boîte 盒模型 explique la mise en page : contenu, puis padding, puis border, puis margin.
• La conception responsive 响应式设计 rend une page fonctionnelle sur un téléphone et un ordinateur portable, généralement avec des largeurs flexibles et une requête média 媒体查询.

Exemple résolu. Une carte trop large sur un téléphone.

La solution n'est pas une largeur fixe en pixels. Définissez max-width pour que la carte ne dépasse jamais l'écran, laissez-la rétrécir en dessous, et ajoutez une requête média uniquement pour le changement qu'un écran plus petit a véritablement besoin, comme empiler deux colonnes en une.

Concevoir d'abord le cas flexible, et traiter la requête média comme l'exception, est ce que « responsive » signifie.

• JavaScript s'exécute dans le navigateur et modifie la page après son chargement.
• Le DOM 文档对象模型 est la page sous forme d'arbre d'objets que votre code peut lire et modifier.
• Un événement 事件 — un clic, une soumission, une frappe — déclenche une fonction 函数 que vous avez écrite.
• Gardez-le simple à ce niveau : validez un formulaire, activez/désactivez un menu, filtrez une liste. Un site qui échoue lorsque JavaScript échoue est une erreur de conception, pas de codage.

• Hosting 托管 place vos fichiers sur un serveur ; un domain name 域名 guide les visiteurs vers eux.
• Test avant le lancement : chaque lien, sur un téléphone, dans un navigateur qui n'est pas le vôtre.
• Accessibility 无障碍 n'est pas optionnel — contraste, texte alternatif, navigation au clavier et texte qui s'adapte à la taille.
• ⚠ Vérifiez ce que vous avez le droit de publier. Une image ou une police sur votre site nécessite une licence qui l'autorise, tout comme une citation dans un essai nécessite une référence.

• Définissez l'audience et l'objectif avant de choisir une plateforme. "Être sur les réseaux sociaux" n'est pas un objectif.
• Un plan de contenu 内容计划 précise ce que vous allez publier, à quelle fréquence, et qui le rédige.
• Les Metrics 指标 doivent être liés à l'objectif : portée, engagement et taux de clic vers votre site sont des choses différentes, et seul l'un d'eux est le trafic.
• Mesurez, puis changez une seule chose. Changer tout en même temps ne vous apprend rien sur ce qui a fonctionné.

GAC017 est le module de niveau III en informatique : ce qui se trouve derrière un site web. Six unités couvrent le back-end JavaScript, les bases de données, SQL, la connexion entre les deux, et une première approche de la data science.

L'évaluation est entièrement pratique — une database 数据库 que vous concevez et construisez, une web app 网络应用 qui communique avec elle, un data analysis project 数据分析项目, et du coursework — généralement réparti sur la majeure partie du semestre plutôt qu'accumulé à la fin.

• Le travail est jugé selon s'il fonctionne et répond à une question, pas selon la quantité de code.
• ⚠ Conceptionnez la base de données avant d'écrire une requête. Presque tous les problèmes ultérieurs sont des problèmes de table déguisés en requêtes.

Chaque exemple SQL ici fonctionne dans le playground de code du site, et la référence SQL là-bas est la version complète de ces notes.

• Le front end 前端 s'exécute dans le navigateur ; le back end 后端 s'exécute sur un serveur et détient ce que le navigateur ne doit pas voir.
• Un server 服务器 reçoit une request 请求 et retourne une response 响应. Cette boucle est l' architecture entière.
• Une API 应用程序接口 est la forme convenue de ces requêtes et réponses.
• ⚠ Tout secret — mot de passe, clé — appartient uniquement au back end. Le code dans un navigateur est visible par tous ceux qui visitent.

• Un route 路由 mappe une URL à du code qui s'exécute lorsque cette URL est demandée.
• Validate input 校验输入 sur le serveur. Vérifier dans le navigateur est une commodité pour les utilisateurs honnêtes, mais pas une défense.
• Ne jamais construire une requête en concaténant des chaînes avec des entrées utilisateur. C'est ainsi que l'injection SQL SQL 注入 se produit, et c'est l'échec de sécurité que cette unité existe pour prévenir.
• Retournez un statut honnête : 200 pour succès, 400 pour mauvaise requête, 404 pour quelque chose qui n'existe pas.

• Une base de données relationnelle 关系数据库 stocke les données dans des tables 表 de lignes et de colonnes.
• Une primary key 主键 identifie une ligne de manière unique. Une foreign key 外键 pointe vers une autre clé primaire de table, et ce pointeur est la relation.
• La Normalisation 规范化 élimine les données dupliquées pour qu'une seule information vive à un endroit.
• Concevez en demandant quelles sont les entities 实体, puis ce qui les relie.

Exemple résolu. Une école veut stocker les étudiants, les cours et qui prend quoi.

Deux tables ne suffisent pas : un étudiant suit plusieurs cours et un cours a plusieurs étudiants. Le beaucoup-vers-beaucoup nécessite une troisième table — inscriptions — dont les lignes sont des paires (étudiant, cours).

Reconnaître que cette troisième table est nécessaire est l'idée de base de données la plus utile dans le module, et c'est là que la plupart des premières conceptions échouent.

• SQL 结构化查询语言 pose des questions à une base de données. SELECT … FROM … WHERE … est le cœur.
• JOIN 连接 combine des lignes de deux tables sur une clé correspondante.
• GROUP BY 分组 avec COUNT, SUM ou AVG répond aux questions "combien par…".
• ⚠ WHERE filtre les lignes avant le groupement ; HAVING filtre les groupes après. Utiliser le mauvais est l'erreur SQL classique, et cela retourne souvent une réponse plausible mais fausse.

Exemple résolu. Quels cours ont plus de 20 étudiants ?

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;

Le comptage est une propriété du groupe, donc le filtre est HAVING. Écrit avec WHERE il ne s'exécute pas — et quand une erreur similaire s'exécute, elle répond silencieusement à une question différente. exécuter — et quand une erreur similaire se produit, elle répond silencieusement à une question différente.

• Le back-end接收请求，执行参数化查询 参数化查询，并将行作为 数据返回，通常是JSON 数据交换格式。
• 参数化意味着值与查询文本分开传输。这就是使 注入不可能而不是不太可能的原因。
• 处理空的情况。返回零行的查询是正常的，而因此崩溃的页面是 不完整的。

• Data science 数据科学将数据转化为决策，大部分工作都在 分析之前：清理、关联和检查数据能支持什么。
• Descriptive statistics 描述性统计进行总结；visualisation 可视化显示形状；两者都 不能证明因果关系。
• Correlation is not causation 相关不等于因果 — 每个数据项目都需要这句话，而大多数 省略了它。
• 陈述数据集的limitations。一个明确说明其数据无法展示内容的项目比一个默默夸大其词的项目得分更高。 scores au-dessus de un qui surendiment discrètement.