Actions

Page web

« Cultures numériques » : différence entre les versions

De erg

Ergbot (discussion | contributions)
Aucun résumé des modifications
Ergbot (discussion | contributions)
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
{{Page web
{{Page web
|URL=http://culturesnumeriques.erg.be/spip.php?article327
|URL=http://culturesnumeriques.erg.be/spip.php?article322
|Title=Cultures numériques
|Title=Cultures numériques
|Updated=2018-12-22 01:03:29
|Updated=2018-12-22 01:03:31
|Site=Cultures numériques
|Site=Cultures numériques
|Thumbnail=Capture d ecran 2018-12-12 a 15.11.13-2.png
|Thumbnail=T11.jpg
}}
}}
Pour ce workshop, Camille, Victoria, Eloise, Sarah ont décidées de travailler entre filles sur les codes en partant de notre adresse IP (=Internet Protocol).
Après une courte introduction sur les motifs et les différents types de translations/transitions, nous nous sommes mis en groupes afin de créer plusieurs motifs différents sur des enveloppes avec de la brou de noix et/ou du tape.<br /> Voici donc quelques essais :


La première étape était de créer un site sur lequel nous avons tous mis nos adresses IP pour pouvoir se transmettre des informations, des photos, des vidéos,.. qui étaient seulement pour notre groupe.
* [[Fichier:T11.jpg|thumb|none]]
* [[Fichier:T10.jpg|thumb|none]]
* [[Fichier:T12.jpg|thumb|none]]
* [[Fichier:T13.jpg|thumb|none]]
* [[Fichier:T15.jpg|thumb|none]]
* [[Fichier:T6.jpg|thumb|none]]
* [[Fichier:T7.jpg|thumb|none]]
* [[Fichier:T9.jpg|thumb|none]]


En effet, grâce à un site crée avec notre adresse IP, nous avons appris à mettre a disposition à ceux connectés à la même wifi que nous, possédant notre adresse IP, un dossier de notre ordinateur.<br /> Bonnes âmes comme nous sommes, nous vous avons partagé films, albums de musiques, et ... LE PETIT VER TOUT NU !!!
Après ces différents essais, nous nous sommes mis d’accord sur le motif suivant :


[[Fichier:Capture d ecran 2018-12-12 a 15.11.13-2.png|thumb|none]]
* [[Fichier:T final.jpg|thumb|none]]


[[Fichier:Capture d ecran 2018-12-12 a 15.11.21-2.png|thumb|none]]
Depuis ce premier motif, on a remplis un mur de 2 mètres carrés afin de créer un nouveau motif. Plusieurs essais se sont encore fait :


[[Fichier:Capture d ecran 2018-12-12 a 15.11.23-2.png|thumb|none]]
* [[Fichier:V1.jpg|thumb|none]]
* [[Fichier:V2.jpg|thumb|none]]
* [[Fichier:V3.jpg|thumb|none]]
* [[Fichier:V5.jpg|thumb|none]]


[[Fichier:Capture d ecran 2018-12-12 a 15.11.25-2.png|thumb|none]]
Le motif final est une forme de damier. En partant de la première enveloppe (coin gauche supérieur), nous avons d’abord fait une transition simple vers la droite, et ensuite une réflexion glissée + une rotation de 180° vers le bas. Cela a donné un motif de 4 enveloppes, qui constitue un carré de notre ’damier’. En partant de là, nous avons fait une simple réflexion en allant vers tous côtés, ce qui nous a donné le motif final en damier (chaque rectangle de 4 enveloppes étant une case).


[[Fichier:Capture d ecran 2018-12-12 a 15.11.28-2.png|thumb|none]]
[[Fichier:V final2.jpg|thumb|none]]


[[Fichier:Capture d ecran 2018-12-12 a 15.11.30-2.png|thumb|none]]
Par motifs, 22 décembre 2018
 
Le petit ver tout nu c’est quoi ? Nous vous laissons le découvrir en cliquant ici —&gt; https://www.youtube.com/watch?v=HSJj2_Gs0xg ........
 
Nous devions faire un cadavre exquis avec nos gentils voisins, nous étions les numéros 6, eux les numéros 7... Le groupe numéro 5 avait travaillé sur les iguanes. Pour ce qui est du groupe numéro 7, la première phrase de leur site était &quot;...des pêches&quot; , nous avons décides que nous ferions le liens entre notre site est le leur grâce au petit ver tout nu, car le petit ver tout nu mange ... des pêches !!! Et l’iguane lui se nourrit de .. petits vers tout nus !
 
[[Fichier:Capture d ecran 2018-12-21 a 21.31.20-2.png|thumb|none]]
 
Grace à l’index html (enregistrez votre page internet sous index.hdml, ouvrez le avec TextEdit, placez le dans votre dossier partagé, vous obtiendrez un super moyen de configurer votre site à partir du dossier partagé !) nous avons fait en sorte de faire apparaitre la vidéo youtube du petit ver tout nu. Dans l’index.html, la ligne incluant la vidéo youtube étant : &quot;&lt;&quot;iframe class='force-w' src=&quot;https://www.youtube.com/embed/HSJj2_Gs0xg&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer ; autoplay ; encrypted-media ; gyroscope ; picture-in-picture&quot; allowfullscreen&gt;
 
&quot;<br /> Nous avons ajouté la phrase &quot;1 - CLIQUEZ SUR MOI EN PREMIER !!!!! OUI SUR MOI LE PETIT VER TOUT NU !!!!!!!!!!&quot; uniquement grâce a l’index html.<br /> En suite, pour faire le cadavre exquis avec l’autre site, un lien nommé &quot;le petit ver tout nu mange...&quot; permettait de conduire à celui de notre voisin. Cet action correspondant à la ligne de code &quot;&lt;&quot;a href=&quot;http://10.0.0.176/&quot;&quot;&gt;&quot;&lt;&quot;span class=&quot;s3&quot;&quot;&gt;&quot;&quot;. nous avons ajouté une ligne de texte dans l’index disant &quot; 2 - ENSUITE CLIQUEZ SUR MOI !!!!!&quot; afin de guider celui surfant sur le web.
 
En rajoutant la commande &lt;&quot;br&quot;&gt; dans l’index, nous avons pu créer des zones d’espace entre les dossiers de partage de documents de notre site, et la zone permettant d’interagir avec le site de notre voisin.
 
[[Fichier:Html.png|link=http://culturesnumeriques.erg.be/IMG/html/index-2.html|thumb|none]]
 
En bref, l’index Html permet de contrôler tout un site, visuellement ainsi que dans son fonctionnement, et dans ses liens vers d’autres pages.
 
Avis personnelle :<br /> Pour nous, ce travail était extrêmement difficile à comprendre et donc à réaliser car le codage, les adresses IP, html,... est un langage que nous rapprochions à du chinois (sachant que nous ne parlons pas, même un mot, de cette langue). Donc il nous a fallu bien ces 3 cours pour commencer à nous habituer et à pratiquer cela. Nous pensons que seules nous n’aurions pas été capables de faire l’exercice ou vraiment seulement après plusieurs cours. Heureusement, étant toutes des partenaires très différentes nous avons pu nous entraider.<br /> Nous pensons que ce cours et cette exercice ne devaient pas être bien compliqué mais il faut comprendre ce que signifie tous ces codes pour avoir plus de facilité. Il nous faudra encore quelques cours pour cela ! Cependant, c’est tout de même intéressant de voir ne serait ce qu’un peu comment fonctionne les codes car finalement et on les utilise tout les jours.
 
Camille d’Ansembourg, Victoria Charquet, Heloise Doret, Sarah Chapuis
 
P.S : nous avons rajouté des&lt;&quot;&gt; aux codes html inclus à l’articles, sinon ceux ci modifiaient évidemment notre article.
 
[[Fichier:Mp4.png|link=http://culturesnumeriques.erg.be/IMG/mp4/ver.mp4|thumb|none]]
 
Par webring, 22 décembre 2018
 
* [http://culturesnumeriques.erg.be/IMG/html/index-2.html [[Fichier:Html.png|thumb|none]] index-2.html] (html, 2.8 ko)
* [http://culturesnumeriques.erg.be/IMG/mp4/ver.mp4 [[Fichier:Mp4.png|thumb|none]] ver.mp4] (mp4, 2 Mo)


==== A propos ====
==== A propos ====

Version du 24 décembre 2018 à 03:22

Source (url) http://culturesnumeriques.erg.be/spip.php?article322
Site satellite Cultures numériques
Date 2018-12-22 01:03:31

Après une courte introduction sur les motifs et les différents types de translations/transitions, nous nous sommes mis en groupes afin de créer plusieurs motifs différents sur des enveloppes avec de la brou de noix et/ou du tape.
Voici donc quelques essais :

Après ces différents essais, nous nous sommes mis d’accord sur le motif suivant :

Depuis ce premier motif, on a remplis un mur de 2 mètres carrés afin de créer un nouveau motif. Plusieurs essais se sont encore fait :

Le motif final est une forme de damier. En partant de la première enveloppe (coin gauche supérieur), nous avons d’abord fait une transition simple vers la droite, et ensuite une réflexion glissée + une rotation de 180° vers le bas. Cela a donné un motif de 4 enveloppes, qui constitue un carré de notre ’damier’. En partant de là, nous avons fait une simple réflexion en allant vers tous côtés, ce qui nous a donné le motif final en damier (chaque rectangle de 4 enveloppes étant une case).

Par motifs, 22 décembre 2018

A propos

Ce site accompagne le cours de Cultures numériques donné en BAC 1 à l'Erg par un collectif de professeurs repris dans la liste des intervenants. Axé sur la théories de cultures liées au numérique, il est aussi un lieu d'apprentissage à travers deux workshops annuels.

Ce site utilise à divers niveaux des images et contenus provenant d’autres sites. Ce site à un but pédagogique et ne fait l'objet d'aucun profit. Si un ayant droit refuse de les y voir figurer, elles seront retirées sur simple demande.

Aide à la rédaction

Si vous ne savez pas comment placer les compte-rendus de vos workshops, allez lire le mémo écrit ici, sur ce site.

Tools

Rechercher :