La chanson du domaine public

Cet exercice aura pour but de mettre en valeur quelques morceaux de musique appartenant au domaine public. Le tout avec du javascript et des médias queries.

1/2 | Suivant

Domaine public

La définition du domaine public (wikipedia) est :

En droit de la propriété intellectuelle le domaine public désigne l’ensemble des œuvres de l’esprit et des connaissances dont l’usage n’est pas ou n’est plus restreint par la loi.

Cela peut être par exemple :
- un savoir sur lequel aucun monopole n’est accordé, comme une formule mathématique ;
- une œuvre de l’esprit qui n’est pas protégée par le droit d’auteur, comme le discours d’un parlementaire ;
- une œuvre de l’esprit qui n’est plus protégée par le droit d’auteur, après expiration ;
- un brevet qui a expiré.

Dans les deux derniers cas, on dit alors que cette œuvre ou ce brevet est « tombé (ou entré ou élevé) dans le domaine public »

Dans notre cas, on ira chercher un morceau (ou deux) sur le web (ou produit par vous, pourquoi pas) et une page web sera créée pour l’occasion.

Contenu du site

- Le site est structuré en une seule page
- Le nom de l’auteur est suivi d’une baseline : la description du site en quelques lignes.
- Deux morceaux de musique au moins sont présentés avec un lecteur audio html5. Doit y figurer aussi le nom du morceau et son année
- Un chapitre de 1200 mots présente le contexte
- Un bloc doit contenir une citation.
- Un lecteur audio HTML5 permettant l’écoute des morceaux via la balise <audio>. Comme on le verra, le lecteur audio est spartiate mais il peut être personnalisé avec du javascript. Le lecteur devra donc être remplacé par des boutons Start/pause adaptés et un timer sous forme de chiffre et/ou de barre de défilement. L’usage d’un plugin est autorisé.
- Une image de fond de page, elle même libre de droit
- Au moins 3 images d’illustration, également libre de droit, sont présentées dans un slider.
- Un bloc de contact termine la page

Media queries

Comme nous avons survolé la matière des médias queries, il vous est demandé d’adapter la page aux tailles d’ordinateur, tablettes et smartphones, soit 600px et moins / 600px à 1200px / 1200px et plus.

Penser la taille

Vous devrez penser une largeur de colonne pour ce site. Si la mise en page sur smartphone utilise toute la largeur disponible, il faut cependant penser les autres tailles, sachant que les écrans de grande taille sont maintenant du côté du 1600px à 1920px. Il est donc important de penser les limites de l’agrandissement du wrapper, et de la manière dont l’espace libre se répartit.

Durée de l’exercice

4 semaines. Au terme de ces séances, le travail sera remis sur clé usb ou uploadé sur le site. Ces pages seront montrées aux portes ouvertes.

Sources possibles

Comme évoqué, le matériel audio ainsi que les images éventuelles doivent être libres de droit ou vous devez obtenir les droits de diffusion sur le site.
Vous pouvez commencer par des recherches sur le site archive.org ou sur freemusicarchive

Choisissez une oeuvre qui soit conséquente (un démarrage de voiture enregistré avec votre portable n’est pas une option) et documentée. Vous pouvez choisir un groupe d’amis, mais vous risquez de devoir produire graphisme et textes, ce qui peut représenter un surcroit de travail non négligeable.