Maxence de Moerloose 6B

Partie théorie du PFE : Les origines et les

caractéristiques de la musique contemporaine en
Europe.

Promoteur : Mr. Vanandruel

2023-2024
Table des matières
Partie 1 : Fondements du Web et Contenu du Site………………………………………….
1. Le fonctionnement du web……………………………………………………………………
1.1. Les langages web fondamentaux………………………………………………….
1.1.1. Le HTML……………………………………………………………………………..
1.1.2. Le CSS…………………………………………………………………………………
1.1.3. Le JavaScript……………………………………………………………………….
1.2. Mise en ligne du site internet

Table des matières

Partie 1 : Fondements du Web et Contenu du Site 1
1. Le fonctionnement du web 2
1.1. Les langages web fondamentaux 3
1.1.1 le HTML 3

1.1. Les langages web fondamentaux 3

1.1. Les langages web fondamentaux 3

Tapez le titre du chapitre (niveau1) 4

Tapez le titre du chapitre (niveau2) 5
Tapez le titre du chapitre (niveau3) 6
Partie 1 : Fondements du Web et Contenu du Site :

1. Le fonctionnement du web :

// je mets dans cette partie comment fonctionne le code et comment on l’héberge

Je vais expliquer dans cette partie la manière dont j’ai réalisé mon site internet.

Comment code-t-on un site internet ?

Pour coder un site internet, on écrit des lignes de code qui serons interprétées par le
site. Sur cette image voici une petite partie du début du code de la page Wikipédia.

1.1 Les langages web fondamentaux :

En langage web il existe 3 grands langages, et les voici.

1.1.1 Le HTML
C’est le langage primordial. Sans lui, impossible de mettre votre site sur
pieds, on va pouvoir mettre dans la partie HTML tout ce qu’on veut qui soit
affiché sur notre site, le texte, les images, les liens, les tableaux, les
formulaires etc.
1.1.2 Le CSS
Cette partie est dédiée à l’esthétisme du contenue, nous allons pouvoir
définir avec ce langage les couleurs, formes et dispositions des différents
éléments. On peut également définir le comportement d’un élément quand
on le survole, on le clique etc…

1.1.3
Le JavaScript
est un langage de programmation que l’on peut intégrer dans notre page de
code HTML et CSS, le JavaScript va permettre d’exécuter des instructions lors
d’une action effectuée par l’utilisateur comme par exemple le scroll, le clique,
le survol… Mais il permet également de rendre nos pages web très
interactives et dynamiques, par exemple stocker des valeurs et données qu’un
 utilisateur remplit (un avis, une commande, envoyer des messages à d’autres
utilisateurs, …).

1.2 Mise en ligne du site internet

Une fois que le site internet est finalisé, il faut faire appel à un hébergeur, c’est-à-dire
un service en ligne qui propose de louer de l’espace dans un de leurs serveurs pour
pouvoir stocker les fichiers de vos pages web et de pouvoir le faire tourner 24h/24h.
Il existe plusieurs hébergeurs plutôt connus sur le marché comme par exemple :
Ouiheberg, OVH, Hostinger etc… Si on décide d’héberger notre site internet sur son
propre ordinateur, celui si serait déconnecté quand on éteint l’ordinateur, de plus, un
ordinateur n’est pas conçu pour ce genre d’actions. De mon côté, j’ai choisi un
serveur de chez l’hébergeur Ouiheberg.

// partie2 : contenu du site internet qui est visible par l’utilisateur

Pourquoi ai-je décidé de faire un site internet sur la musique ?

La musique c’est quelque chose qui n’est pas facile à retranscrire sur papier !
Pourtant à travers un site internet, c’est différent. J’ai ici voulu m’exprimer sur le sujet
de mon point de vue, quelqu’un pourrait me dire qu’il n’est pas du tout d’accord avec
ce que je dis et ce que je fais écouter car la musique, c’est PERSONNEL ! C’est
comme les goûts et les couleurs, chacun l’interprète la musique à sa manière. Je
souhaite m’adresser à un public jeune, entre 15 – 25 ans. Je n’ai pas envie ici
d’expliquer les différents styles musicaux avec un long texte continu de manière
académique et objective comme on trouve déjà 1001 exemples sur internet, ici je
veux le faire sentir à l’utilisateur, avec des exemples mais également en laissant
l’utilisateur manipuler des boîtes a rythme pour voir et différencier les différents styles
musicaux.

J’ai également décidé de sélectionner des styles musicaux plutôt contemporains, qui
sont en forte tendance en Europe. Je parle ici plutôt des styles musicaux
« électronique » comme la house, l’électro, la Drum & Bass, la techno, etc… Pour
que l’utilisateur ait un meilleur aperçu des différents styles, je lui propose des
exemples de musique composés moi-même ou de réaliser une « Drum machine »
qui permet de créer des Drum Beats 1que l’utilisateur pourra personnaliser à son
goût. Pour conclure les différents styles de musiques, j’introduis à la fin de mon site
internet un petit quiz qui demande à l’utilisateur de cocher la case du style musical
de la musique qui est en train d’être joué. Il peut ensuite soumettre le formulaire pour
vérifier les réponses qui ont été soumises.

Mais alors on me demandera sûrement comment j’ai fait pour réussir à créer mes
propres sons de house, techno, drum & bass…

Pour créer de la musique sur ordinateur, on a besoin de ce qu’on appelle un logiciel

de composition musical. On en trouve un paquet sur internet, gratuits ou payants. De
mon côté, j’ai choisi de composer de la musique à partir du logiciel « Ableton Live
11 ». C’est un moyen facile et innovant d'écrire, d'enregistrer, de produire et
d'interpréter ces propres morceaux. Le logiciel comprend plusieurs packs de
samples2 ou d’instruments bien variés et en grand quantité, mais j’ai quand même
décidé d’aller télécharger des packs sur internet afin de mieux répondre à mes
attentes.

Une fois ableton ouvert, on peut voir une fenêtre appelée la session,

De mon côté je ne l’utilise pas car elle n’est pas utile dans mon cas, j’utilise par
1
Paternes d’ensemble d’instruments joués à la batterie.
2
Echantillon audio.
conséquent la fenêtre arrangement. Elle est organisée chronologiquement le long de
l'axe horizontal, qui représente le temps musical. Pistes de sons sont disposées le
long de l’axe vertical. Sur ableton on retrouve 2 types de pistes :

Les pistes audios : Elles sont utilisées pour manipuler des fichiers audio
enregistrés ou importés. Cela peut inclure des enregistrements de voix,
d'instruments acoustiques, de samples, etc. Elles permettent d’éditer, traiter et
mixer des enregistrements audio. On peut appliquer des effets, ajuster le
volume, couper, copier, coller, etc. Les données audio sont représentées sous
forme d'ondes sonores sur une séquence temporelle.

2. Les pistes MIDI sont utilisées pour manipuler des données MIDI. Le MIDI
(Musical Instrument Digital Interface) est un protocole qui permet de
transmettre des informations musicales, telles que des notes, des vélocités,
des changements de contrôleur, etc. Elles permettent de contrôler des
instruments logiciels, des synthétiseurs matériels ou d'autres dispositifs MIDI.
Les données MIDI sont affichées sous forme de notes sur une séquence
temporelle.

Une fois qu’on a compris comment fonctionne ces 2 types de pistes, il suffit de
s’entrainer et puis, LIBRE A LA CREATIVITE !
ANNEXE :
Pour m’aider à mieux comprendre comment fonctionne le JavaScript, je me suis
resourcé auprès de Alain Gombert, un professeur de math et de physique à
l’Assomption. Voici une interview que nous avons entretenue.

Question 1 : comment avez-vous appris à coder pour le langage web ?

« J’ai appris à coder par moi-même, j’ai lu et regardé des vidéos du site
https://www.openclassrooms.com qui propose des services gratuits en ligne
pour l’apprentissage de ce qui touche au domaine de l’informatique. Je me
 suis ensuite également tourné vers Mr. Jacobs, ancien informaticien de l’école
qui m’a aidé grâce à ses compétences »

Question 2 : Quand avez-vous appris à coder en langage web ?

« Cela doit faire 3 ans que j’ai commencé. C’était pendant le confinement où
j’avais du temps libre pour apprendre à coder. »

Question 3 : combien de temps avez-vous pris pour apprendre à coder le langage

web correctement ?

« Pendant le confinement, j’avais donc plus de temps libre, je dirais que j’ai
mis environs 1 ans pour apprendre à coder correctement en y consacrant
environ 3 heures par jours. »

Question 4 : Pourquoi avez-vous commencé à coder ?

J’ai commencé à coder car Mr. Jacobs avait besoin de quelqu’un d’autre pour
l’aider à réaliser le site de l’école. J’ai donc commencé pour cette raison à
coder. »

Question 5 : quelles est le langage de programmation que vous appréciez le plus et

pourquoi ?

« Le langage de programmation Python est assez sympa car c’est un langage

très populaire qui dispose d’une très bonne communauté en cas de
problèmes. Beaucoup d’exemples de code sur internet. J’apprécie également
Fortran qui permet de calculer les calculs par incrémentation. »

Question 6 : quelles sont les choses que vous aimez le moins dans le
développement web ?

« Ce que j’aime le moins sur le web, c’est l’inspecteur google chrome. Je

trouve qu’il n’est vraiment pas clair et c’est assez compliqué de trouver des
formations pour apprendre à utiliser l’inspecteur, mais je suis toujours à la
recherche d’une formation pour apprendre à l’utiliser »
Question 7 : combien de temps consacrez-vous pour le codage par semaine
maintenant ?

« En ce moment, je ne suis plus beaucoup occupé à coder, seulement 3

heures par semaines, mais je prévois de bientôt recommencer car je lance
d’ici peu un nouveau projet. »

Question 8 : vos compétences vous servent t’elles dans votre vie quotidienne ?

« Oui, par exemple pour extraire les données d’une page web vers une page
Excel ce qui me permet de récupérer des informations afin de mieux les analyser.
Mes connaissances m’aident également pour le listing des élèves de l’école et la
finance. »

A travers cette interview, j’ai eu une bien meilleure vision du travail de Mr. Gombert
en tant que développer web. Mise à part de cette interview, il m’a également aidé
dans l’apprentissage du langage web JavaScript ce qui m’a permis de rendre un site
internet dynamique et interactif avec un utilisateur quelconque.

Bibliographie :

3. Composition de rythmes | Learning music. (s. d.).

https://learningmusic.ableton.com/fr/make-beats/make-beats.html

4. Inclusound | Les styles de musiques électroniques. (s. d.).

https://inclusound.com/focus/styles-de-musiques-electroniques#:~:text=On%20peut

%20d%C3%A9j%C3%A0%20distinguer%20quelques,%2C%20Hard%20Dance%2C

%20Eurodisco%20etc.
5. Histoires Electroniques par DJ Little Nemo. (2022, 22 janvier). Histoire de la house

music / Partie 1 : Naissance d’une révolution musicale [Vidéo]. YouTube.

https://www.youtube.com/watch?v=mmCCDCGHuJA

6. Histoires Electroniques par DJ Little Nemo. (2022b, janvier 29). Histoire de la house

music / Partie 2 : Les pionniers américains [Vidéo]. YouTube.

https://www.youtube.com/watch?v=1yL2IRP2-tU

7. Hébergement de site Internet | ouiheberg

https://www.ouiheberg.com/fr/hebergement-site-web

8. Free Loops Samples Sounds Wavs Beats download. (s. d.). Looperman.

https://www.looperman.com/loops

9. Christopher. (2021). Électro | iMusic-blog encyclopédie en ligne de la musique.

blog.imusic-school. https://www.imusic-school.com/blog/fr/encyclopedie/genres-

musicaux/electro/

10. VinylBleu.fr. (s. d.). La techno origine, style et évolutions.

https://www.vinylbleu.fr/infos/30-la-techno-origine-style-et-evolutions

11. Felckin. (2016, août 14). C’EST QUOI LA DRUM & BASS ? [Vidéo]. YouTube.

https://www.youtube.com/watch?v=B52swuYuNiA