Carnet de notes de recherches: lundi 19 septembre 2022

En premier

Introduction au carnet de notes de recherches sur Neocities et Visual Studio Code

Bienvenue à ce carnet de notes de recherches

Ses principes théoriques et pratiques sont inspirés à la fois du :

Notez bien les différences dans les manières dont cette page se retrouve affichée sur votre navigateur, par contraste avec les manières dont elle apparait sur Visual Studio Code.

En effet, le navigateur Web est un logiciel qui interprète le code html et css, et qui affiche le résultat de cette interprétation à l'écran. Visual Studio Code est un éditeur de texte qui permet de créer et modifier des fichiers html et css. Il n'interprète pas le code html et css, mais il permet de les écrire et de les modifier en les affichant dans une fenêtre de l'éditeur.

En pratique, l'initiation à la programmation inclue dans le synopsis de ce cours est mise en travail en tandem avec les enjeux, la théorie et les éléments conceptuels que nous y abordons.

Ppour ce faire, nous utilisons le carnet de notes de recherches, qui n'est autre que votre site web sur Neocities. Le carnet de recherches est un outil de travail qui permet de documenter les recherches et les expérimentations que nous faisons, tant sur les plans théoriques que pratiques.

Tel qu'indiqué dans le plan de cours, ce carnet de recherches vaut, au total, pour 40% de la note finale du cours. Le carnet sera corrigé de manière collaborative lors de quatre séances distinctes:

"Une première itération des sites web sera évaluée lors de la séance du lundi 26 septembre. La seconde aura lieu lors de la séance de lundi 31 octobre. La troisième évaluation aura lieu le 14 lundi novembre. Une dernière évaluation aura lieu lors de la dernière séance de cours, le lundi 5 décembre."

En pratique: Graphiques du sondage du pôle ECN1003: mise en commun

RAPPEL: L'objectif de l'exercice de la semaine dernière était d'interpréter et mettre en contexte un graphique contenant des données.

Cet objectif était divisé en trois étapes :

Aujourd'hui nous faisons notre mise en commun.
Votre objectif est de prendre des notes en créant des paragraphes ci-dessous.

Premier graphique

Mes notes :

1- interprétation du graphe Le graphe représente la moyenne d'âge des étudiants de l'Université d'Ontario Français inscrits au cours 'introduction aux technologies numeriques. Nous avons trois différentes populations mises en exergue. La première est celle composée des étudiants âgés de 50 ans et plus allant de l'échelle O à 2. Ensuite vient la population d'étudiants âgés de 22 ans a 30 ayant avec une échelle allant de 0 à 20. En fin, vient la population des étudiants âgés de 18 a 21 ans avec une échelle de 18 a 21. Nous pouvons don dire suite a cette analyse que la population la plus présente à ce cours est celle âgée de 22 ans a 30 ans. 2- Questions A) Pourquoi la tranche d'âge de 50 ans et plus s'intéresse t'elle aux technologies numériques B) Pourquoi la tranche d'âge des étudiants de 22 ans a 30 ans s'intéresse t-elle également? Pourquoi est-elle la plus grande? 3-Réponses aux questions A) suite à l'évolution et la transformation de la société; la tranche d'âge de 50 ans et plus, est dans 'obligation de 'adapter pour éviter d'être mise à l'écart. Cette adaptation est donc nécessaire pour son intégration dans la société

animation du remplacement
      du paragraphe

Deuxième graphique

Mes notes :

Faites de même avec ce paragraphe...

Troisième graphique

Mes notes:

... et avec ce paragraphe.

Quatrième graphique

Mes notes: Le processus de création d'une page Web implique l'écriture du code. les thèmes et la beauté du site, l'interaction, mais le design, c'est-à-dire la forme de la page, c'est-à-dire le style, les couleurs, les images... Le fait que 16,7% des répondants déclarent comprendre HTML et CSS indique qu'ils sont familiers avec le développement et la conception Web. 30,6% déclarent être incapables d'écrire du code mais capables de comprendre la conception Web. 52,8% déclarent n'avoir aucune connaissance de l'un ou l'autre sujet.

...et avec ce paragraphe aussi!
En passant: notez et cherchez votre propre référence sur la différence entre le design (conception) et le développement web. Il s'agit d'une distinction importante à faire et à retenir!

Cinquième graphique

Mes notes :

Parler de développement web ,inclue création de page web c'est à dire de l'écriture du code ,de la beauté de la page,de son interactivité . Alors que parler de design inclue uniquement la forme de la page c'est à dire style ,couleurs ,images... Lorsque 16,7 %affirme se débrouiller en html et css celà signifie encore avoir des connaissances en développement et design web.Les 30,6 %affirmant ne pas connaitre le code ,peuvent connaitre le design web.Et 52,8% affirme ne connaitre aucune des deux thématiques

Sixième graphique

Mes notes :

Faites de même ici: ajoutez vos propres paragraphes de notes en remplaçant celui-ci et en ajoutant d'autres.

Deuxièmement: distinction entre analogique et numérique

Mise en situation

Réfléchissons aux problèmes techniques de la semaine dernière.

Ces problèmes étaient-ils dûs seulement aux technologies numériques?

Abordons la distinction entre analogique et numérique. Deja faut savoir qu'on vis dan sun monde analogique, ou les phenomenes se produisent de facon graduelles et en continues. Le monde numerique en revanche est un monde artificielle totalement inventee par l'homme. exemple un signal analogique n'est pas regulier mais continue, tandis que le signal numerique est plutot regulier et binaire. En gros Les informations sont généralement envoyées par des signaux électriques, et des signaux analogiques et numériques sont utilisés à cette fin. Ces deux technologies convertissent les informations, telles que l'audio ou la vidéo, en impulsions électriques. Les technologies analogiques et numériques diffèrent en ce sens que les informations sont converties en impulsions électriques d'amplitude variée dans la technologie analogique. L'information est traduite au format binaire (zéro ou un) en technologie numérique, chaque bit désignant une amplitude différente.

Mes notes:

N'hésitez-pas à consigner vos propres notes à ce sujet.

EXERCICE en classe: Analogique ou numérique?

Examinez les différentes technologies indiquées dans le diagramme de Venn partagé via Zoom en classe. Chaque technologie est-elle analogique, numérique, ou les deux ?

Mes notes:

N'hésitez-pas, bien sûr, à inclure vos propres notes! Faites-le en remplaçant le texte entre ces balises, et / ou en ajoutant d'autres balises de paragraphe.

diagramme de Venn
        contenant différentes technologies

Ensuite: Activité autour de l'extrait du texte de Clarrisse Herrenschmidt

Notre lecture obligatoire de cette semaine nous invite à tracer plusieurs pistes de réflexion...

Donc, en équipes...

...Réfléchissez à une des trois questions suivantes qui vous sera assignée:

Appuyez-vous de recherches sur le web! Cherchez d'autres disctinctions entre "analogique" et "numérique".

Cherchez aussi différentes définitions de la "technologie".

Et n'oubliez pas de consigner les liens URL vers les sources et références que vous trouvez. Si vous copiez-collez, mettez l'extrait copié entre guillemets ("" ou « ») et indiquez la date (si possible, sinon, consignez s.d. entre parenthèses pour signifier "sans date") ainsi que l'hyperlien.

Exemple de début de réponse à une question telle que « quels autres moyens de compter ont été développés autour de — ou avant — l'époque de l'invention des bulles-enveloppes et des tablettes de cire? ? »

Réponse : Une des premières méthodes de calculs arithmétiques serait sans doute la dactylonomie, ou l'art de compter sur ses doigts ( Bloom, 2002 ). En effet, selon Jonathan Bloom, la dactylonomie aurait déjà été bien en usage à l'époque Gréco-romain de Plutarque, qui en aurait attribué l'utilisation aux mathématiciens, scribes et comptables perses d'Iran. Bloom, historien de arts islamiques et asiatiques, précise également que « les Arabes ont appelé la dactylonomie "l'arithmérique des noeuds (des jointures de la main)" » (ibid., traduction libre).

Bloom pointe vers plusieurs traités de mathématiques arabes utilisant la dactylonomie dont le Guide des secrétaires d'Al Suli. Avec la diffusion des travaux, traités et écrits arabes et islamiques dans l'Europe médiévale, la dactylonomie s'est aussi répandue pour être utilisée au début de cette période. Bloom fait part, à ce sujet, du premier chapitre de De temporum ratione, un traité rédigé par un théologien anglo-saxon, le Vénérable Bede. « En utilisant la technique de Bede, » Bloom écrit, « une personne pouvait exprimer et calculer avec des nombres compris entre un et 9 999, bien qu'elle soit rarement utilisée pour des valeurs à plus de deux chiffres. » (ibid., traduction libre).

Source: Bloom, J. (2002, printemps). Hand sums: the ancient art of counting with your fingers. Boston College Magazine. https://bcm.bc.edu/issues/spring_2002/ll_hand.html

N.B. La politique concernant la fraude académique de l'UOF est intégralement en vigueur sur toutes les pages web de votre cahier de notes de recherches.

Complétez l'exercice en répondant au deux questions restantes à partir de la mise en commun

Introduction à Scratch

Scratch est un logiciel de programmation visuelle. Sa syntaxe est modelée sur la construction de structures à partir de blocs LEGO. Scratch permet de créer des jeux, des animations, des interactions, des simulations, etc. Il est utilisé dans les écoles primaires et secondaires, mais aussi dans les universités et les centres de recherche. Il est un outil développé par le MIT Media Lab et il est disponible gratuitement!

Voici l'exemple de jeu complété sur lequel nous nous baserons. Vous disposerez d'une version antérieure et serez invitée à compléter votre propre déclinaison du jeu.

Instructions pour jouer à la démonstration

Cliquez sur le chat pour comprendre l'objectif du jeu. Puis, pour entamer le jeu, glissez votre souris sur l'icône clignotante « Allons-y ? » lorsqu'elle apparaît.

Crédits et attributions

De bonnes ressources pour apprendre le langage Scratch

Conclusion: préparation de la lecture du 26 septembre

Pour préparer la lecture de la semaine du 26 septembre, annoter le texte tout en gardant en tête les questions suivantes. Prenez des notes et consignez-les dans votre carnet de note, ci-bas :

Références académiques utilisées dans cette page

To learn more HTML/CSS, check out these tutorials!