Actions

Différences entre les pages « Systèmes et programmation numérique (B3) » et « Systems and programming I »

De erg

(Différence entre les pages)
 
 
Ligne 1 : Ligne 1 :
{{English|Digital programming}}
+
Professor : [[Julien Dutertre]]
  
===B2===
+
In the age of the Internet and new technologies, of ever faster communication and information networks, present and yet too little questioned, this course will try to understand and reveal the other side of the picture, to enter the black box to analyze its functioning. Initially, this analysis will be conducted through code and programming, the real engine and backbone of all infrastructures and systems. We will enter this analysis through HTML and CSS, which will allow us to style, layout and above all display texts, contents, images, animations and generative practices (imagemagik, processing, p5.js). Then, the creation of a web application (via the flask framework) will lead us to a better understanding of the workings behind each click and an introduction to the python programming language. Then, the implementation of this web application will take place on a local server configured within the course on a Raspberry Pi, which will give us the opportunity to better understand this type of tools. The mastery of these tools will then be the means to explore the possibilities related to the installation, the automation and the interaction within the framework of an experimental practice (system video playback/multiple synchronized screen, reactive/participative sculpture/installation, data server, capture/broadcast). This course will also propose to create a chat room type communication system in Python in order to understand the client/server relationship and the entanglement of information flows. All these notions will be approached through the prism of Open Source, sharing and collaboration, always keeping in mind a certain digital sobriety (adapting tools to needs, making a reasonable use of bandwidth, servers and technologies). The objective of this course will be to popularize and demystify these different technologies and languages in order to be able to reinterpret and divert them, so that everyone can take advantage of them according to their practice and their questions.
 +
Notions and values
  
Enseignant : [[Lionel Maes]]
+
-> . digital sobriety
  
Le cours traite des codes informatiques comme outils omniprésents, à comprendre, étudier, tordre, détourner, en tant qu’individu créateur, engagé. Il s’agit de favoriser l’émergence d’écritures singulières, de comprendre et de se confronter aux notions fondamentales de la programmation. Par « enseigner l’écriture du code », j’entends, en abordant des langages de programmation spécifiques, transmettre les logiques, symboles et structures qu’ils partagent tous. Le but étant de donner les clés suffisantes pour pouvoir apprendre n’importe quel langage de manière autonome, de pouvoir analyser et composer des algorithmes, pouvoir structurer et réellement « écrire avec le code ». Chaque notion vue sera toujours mise en relation avec des pratiques d’écritures contemporaines ; scientifiques, artistiques, graphiques. Ce cours porte sur deux années consécutives (BAC2 et BAC3) et propose de parcourir durant ce laps de temps une série de langages, liés au web frontend (HTML, CSS, Javascript, SVG) ou backend (PHP, Python, XML, mySQL), liés à la création numérique (Processing, Python, Openframeworks, Cinder) ou à l’informatique physique (RaspberryPI, Arduino).
+
. adapting tools to needs, thinking about a more frugal way of thinking about technology and its use
  
===B3===
+
-> open source and open hardware . sharing and collaboration, invitation to modify and divert -> experimentation and curiosity
 +
Techniques and Practices
  
Enseignant : [[Julien Dutertre]]
+
-> . introduction to markup language
 
 
À l’heure d’Internet et des nouvelles technologies, des réseaux de communication et d’information toujours plus rapides, présents et pourtant trop peu interrogés, ce cours essaiera de comprendre et de révéler l’envers du décor, de rentrer dans la boîte noire pour en analyser le fonctionnement. Dans un premier temps, cette analyse sera menée à travers le code et la programmation, véritables moteur et colonne vertébrale de toutes les infrastructures et systèmes. Nous entrerons dans cette analyse par le HTML et le CSS, qui permettront de styliser, de mettre en page et surtout de donner à voir textes, contenus, images, animations et pratiques génératives (imagemagik, processing, p5.js). Puis, la création d’une application web (via le framework flask) nous mènera à une meilleure compréhension des rouages derrière chaque clic et à une introduction au langage de programmation python. Par la suite, la mise en œuvre de cette application web se déroulera sur un serveur local configuré au sein du cours sur un Raspberry Pi, ce qui nous donnera l’occasion de mieux appréhender ce type d’outils. La maîtrise de ces outils sera par la suite le moyen d’explorer les possibilités liées à l’installation, l’automatisation et l’interaction dans le cadre d’une pratique expérimentale (system lecture vidéo / son multiple écran synchronisé, sculpture/installation réactive/participative, serveur de données, captation/diffusion). Ce cours proposera par ailleurs de créer un système de communication type chat room en python afin de comprendre la relation client/server et l’intrication des flux d’information. Toutes ces notions seront abordées à travers le prisme de l’Open Source, du partage et de la collaboration, avec en tête toujours une certaine sobriété numérique (adapter les outils aux besoins, faire un usage raisonnable des bandes passantes, des serveurs et des technologies). L’objectif de ce cours sera ainsi de vulgariser et de démystifier ces différentes technologies et langages afin de pouvoir les réinterpréter et les détourner, de manière à ce que chacun en tire profit selon sa pratique et ses questionnements.
 
Notions et valeurs
 
 
 
-> sobriété numérique
 
 
 
. adapter les outils aux besoins, réflexion autour d’une pensée plus frugale de la technologie et de son utilisation
 
 
 
-> open source et open Hardware . partage et collaboration, invitation à la modification et au détournement -> expérimentation et curiosité
 
Techniques et Pratiques
 
 
 
-> introduction au langage de markup
 
  
 
. html ( + css ) . markdown
 
. html ( + css ) . markdown
  
-> découverte du flat file et noSql
+
-> discovery of flat file and noSql
  
-> manipulation numérique
+
-> . digital manipulation
  
. images -> [ processing , p5.js , imagemagik , ]
+
. images -> [ processing , p5.js , imagemagik , ... ]
  
. textes -> [ curl , regex , python , processing , ]
+
. texts -> [ curl , regex , python , processing , ... ]
  
. data -> [ base de donnees , csv , . ]
+
. data -> [ database , csv , .... ]
  
. linux et ssh 1
+
. linux and ssh 1
  
-> internet et networks
+
-> . internet and networks
  
. création d’une application web ou site personnel (projet personnel expérimental, blog de recherche, portfolio , ) . découverte et expérimentation avec openWrt (création de réseaux locaux, dns, mesh, wifi et ssid ) . développement d’un simple chatroom en python avec serveur et multiples clients
+
. creation of a web application or personal website (experimental personal project, research blog, portfolio, ... ) . discovery and experimentation with openWrt (creation of local networks, dns, mesh, wifi and ssid ... ) . development of a simple chatroom in python with server and multiple clients
  
-> Langages
+
-> Languages
  
 
. python
 
. python
Ligne 51 : Ligne 41 :
 
. html / css /js
 
. html / css /js
  
- ssh
+
- ssh  
  
[[catégorie:B2]]
 
  
[[catégorie:B3]]
 
  
[[catégorie:Cours techniques]]
+
[[Catégorie:English]]
 +
[[Catégorie:B1]]

Version du 27 août 2021 à 11:04

Professor : Julien Dutertre

In the age of the Internet and new technologies, of ever faster communication and information networks, present and yet too little questioned, this course will try to understand and reveal the other side of the picture, to enter the black box to analyze its functioning. Initially, this analysis will be conducted through code and programming, the real engine and backbone of all infrastructures and systems. We will enter this analysis through HTML and CSS, which will allow us to style, layout and above all display texts, contents, images, animations and generative practices (imagemagik, processing, p5.js). Then, the creation of a web application (via the flask framework) will lead us to a better understanding of the workings behind each click and an introduction to the python programming language. Then, the implementation of this web application will take place on a local server configured within the course on a Raspberry Pi, which will give us the opportunity to better understand this type of tools. The mastery of these tools will then be the means to explore the possibilities related to the installation, the automation and the interaction within the framework of an experimental practice (system video playback/multiple synchronized screen, reactive/participative sculpture/installation, data server, capture/broadcast). This course will also propose to create a chat room type communication system in Python in order to understand the client/server relationship and the entanglement of information flows. All these notions will be approached through the prism of Open Source, sharing and collaboration, always keeping in mind a certain digital sobriety (adapting tools to needs, making a reasonable use of bandwidth, servers and technologies). The objective of this course will be to popularize and demystify these different technologies and languages in order to be able to reinterpret and divert them, so that everyone can take advantage of them according to their practice and their questions. Notions and values

-> . digital sobriety

. adapting tools to needs, thinking about a more frugal way of thinking about technology and its use

-> open source and open hardware . sharing and collaboration, invitation to modify and divert -> experimentation and curiosity Techniques and Practices

-> . introduction to markup language

. html ( + css ) . markdown

-> discovery of flat file and noSql

-> . digital manipulation

. images -> [ processing , p5.js , imagemagik , ... ]

. texts -> [ curl , regex , python , processing , ... ]

. data -> [ database , csv , .... ]

. linux and ssh 1

-> . internet and networks

. creation of a web application or personal website (experimental personal project, research blog, portfolio, ... ) . discovery and experimentation with openWrt (creation of local networks, dns, mesh, wifi and ssid ... ) . development of a simple chatroom in python with server and multiple clients

-> Languages

. python

. bash

. processing

. html / css /js

- ssh