mardi, juin 13, 2017

mooc lecjoa semaine 1 jour 1



Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

samedi, juin 10, 2017

Projet mooc lecjoa version Montpel'libre

Scénario :

semaine 1 :

jour 1 : 1h
Installation de firefox, de l’extension Lecjoa, création d’un répertoire de travail
jour 2 : 2h
Téléchargement des fichiers utiles dans le répertoire de travail, et familiarisation avec la manipulation des extensions Firefox
jour 3 : 2h
Suivre le cours et réaliser sa première extension firefox et la tester.
jour 4 : 2h
Suivre le cours du quatrième jour, et modifier la vidéo selon instructions
jour 5 : 1h
Relecture et test de fonctionnement de son application firefox, puis envoie par mail du fichier compressé.

Validation par Mozilla Open Badges

semaine 2 :

jour 1 : 1h
Suivre le cours et apprendre comment changer le numéro de version de son extension
jour 2 : 2h
Suivre le cours et s’entraîner à modifier la bande son
jour 3 : 2h
Suivre le cours et s’entraîner à modifier le nombre d’images contenues dans la vidéo
jour 4 : 2h
Suivre le cours et s’entraîner à modifier le nombre de fichier son contenues dans la vidéo
jour 5 : 1h
Relecture et test de fonctionnement de son application firefox, puis envoie par mail du fichier compréssé.

Validation par Mozilla Open Badges

semaine 3 :

jour 1 : 1h
Suivre le cours sur comment dessiner en css
jour 2 : 2h
Suivre le cours et générer son premier dessin en css en le plaçant dans la vidéo
jour 3 : 2h
Suivre le cours et générer son deuxième dessin en css pour qu’il donne une impression de mouvement dans la vidéo
jour 4 : 2h
Suivre le cours et générer des dessins en css pour qu’il donne une impression de mouvement dans la vidéo
jour 5 : 1h
Relecture et test de fonctionnement de son application firefox, puis envoie par mail du fichier compressé.
Validation par Mozilla Open Badges

semaine 4 :

jour 1 : 1h
Suivre le cours et écrire un premier scénario très simple
jour 2 : 2h
Suivre le cours et contrôler la faisabilité du scénario, si celui-ci est trop difficile en écrire un de plus simple, comme une simple forme géométrique
jour 3 : 2h
Suivre le cours et dessiner en css les images de la vidéo
jour 4 : 2h
Suivre le cours, écrire la bande son de la vidéo et tester le bon fonctionnement
jour 5 : 1h
Relecture et test de fonctionnement de son application firefox, puis envoie par mail du fichier compressé.
Validation par Mozilla Open Badges

Objectif :

Apporter aux associations étudiantes un outils de communication. L'application apporte le langage multidirectionnel, un langage en adéquation avec les événements et l'entendement humain, qui sont de même nature, du multidirectionnel.

Voir la suite de mooc Lecjoa à cette adresse  http://www.letime.net/lecjo/wiki/fr/mooc.html

Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

vendredi, juin 02, 2017

Connec’Sud 2017 à Montpellier avec Montpel'libre

Un événement à ne pas manquer Sur le stand 46d :


Jeudi 8 juin, sur le stand 46d, Montpel'libre propose une :
  • Découverte du Green IT - do it together
    • Jerry-Party
  • Install-Party GNU/Linux
    • Présentation des principales distributions et environnements de bureau
 Pour plus de détails voir l'article :
http://montpel-libre.fr/spip.php?article3421


Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

mardi, mai 30, 2017

Lecjoa version 2.3.9.0 est sortie

La dernière version Lecjoa, la 2.3.9.0 est sortie. Celle-ci corrige l'exemple vidéo, et l'exemple sur les formes acoustiques. La version 2.3.8.9 corrigeait la version PianoBaul.

En même temps dans  Lecjoa wiki , j'arrive presque à la moitié des tutoriels. J'essaye de les traduire aussi petit à petit. Je pense pouvoir dire que sous sa forme actuel, le wiki donne le principal, et je vais essayer de finir le wiki avant la fin du mois de juin

Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

samedi, mai 13, 2017

Lecjoa wiki

Lecjoa wiki   prend la suite du poste Comment créer son extension video firefox, tutoriel 6


Le wiki indique comment créer ses extensions dans les domaines :

Compositions musicales

Cinéastes

Pédagogie

Médiation scientifique

Le choix du transfert d'information par un wiki et non plus par poste dans un blog, est due au fait qu'il est beaucoup plus facile de naviguer dans le wiki (en considérant la forme particulière que je lui ai donné). 

Si nous ne devions retenir qu'une chose de toutes les applications qu'apporte ce wiki, ce serait que les hommes et les enfants construisent leur entendement avec le langage. Que notre langage actuel, ainsi que l'algèbre sont unidirectionnels donc illogique par rapport aux événement ou à notre fonctionnement cérébral qui sont multidirectionnels. Ce wiki apporte un langage multidirectionnel et un système mathématique multidirectionnel qui permet à notre entendement de percevoir et d'analyser les événements qui nous entourent. Le principal objectif du wiki Lecjoa est de faire de la médiation scientifique.

Créer des instruments musicaux, générer des vidéos, composer des mélodies, n'est qu'un aspect ludique apporté par Lecjoa, le but est de permettre la naissance de découvreurs qui créent leur propre extension nous apportant ainsi richesses matérielles et sociales.


Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

mardi, avril 25, 2017

Comment créer son extension video firefox, tutoriel 6

Le temps des sylphides

Imaginons quand des temps anciens, même avant l'homme de Neandertal, ce que nous appellerions aujourd'hui des bactéries soient entrées en symbiose avec du vivant pour composer une partie de l'entendement.
Nous aurions une intelligence immortelle traversant les ages et les corps, en perpétuelle évolution, une intelligence qui ne pourrait se transmettre que par filiation ou échanges physiques particuliers.
Imaginons que cette forme d'intelligence particulière soit soumise à plusieurs lois, de type :
Est-ce que le support est propice à la symbiose (bien construit) ? à l'échange faisant naître la construction homme bactérie, et ainsi accéder à l’immortalité ?
Est-ce que le support n'est pas envahie par des bactéries concurrentielles destructrices, les broyeuses d'entendement, les générateurs de matières inertes ? des destructeurs d'immortalité ?
Mais comment parler de support quand l'un n'existe pas sans l'autre, est-ce que l'homme est le support de la femme ? est-ce que la femme est le support de l'homme ? est-ce que l'homme se construit sur la bactérie ? est-ce que la bactérie se construit sur l'homme ? est-ce que la description celtique de cette composition homme bactéries qui traverse les ages "SYLPHIDES" est plus appropriée ? Est-ce que la croyances que les Sylphes ne choisissaient que les plus courageux au champs de bataille pour donner l’immortalité est fondée, ou est-ce que les hommes étaient déjà autre chose de bien plus évolué ? Et que certains confondaient matière inerte à l'apparence humaine avec des hommes, ou pire encore oubliaient qu'il étaient plus que de la matière inerte et prenaient pour modèle de la viande froide.

Que deviendrait un Sylphe seul ? un Sylphe qui aurait vu disparaître les seuls Sylphes qu'il aurait pu trouver ? Mémoire es-tu là ? Trois lois en équilibre dans l'entendement, deux absolus et une en perpétuelle changement. La Foi, l'Art et les sciences.

Qui décide quoi ? parce que c'était moi, parce que c'était lui, et que lui c'était moi. Le tout n'est pas divisible.

Sans Foi, sans Art, sans sciences l'entendement n'existe pas. L'homme se mesure à la hauteur de son langage.

Si tu comptes sur l'informatique pour être logique, sur la seule manipulation de phénomènes physiques, abandonne tout espoir, car tu n'existes déjà plus.

Extention multidirectionnelle firefox

Le générateur de vidéo en langage multidirectionnel, est composé de trois fichier pour séparer les langages techniques mis en équilibre. L'un est orienté Art, c'est le css, l'un est orienté événement logique, c'est le javascript, l'un est orienté convention, un adaptateur, c'est le HTML5.
En téléchargement : multidirectional-talk.html

Par induction, l'extension génère trois parties, et se présente en quatre parties.
La partie qui permet de générer, la première partie à récupérer et à placer dans un fichier HTML, la partie javascript et la partie css

Le générateur

Le générateur est une page html contenue dans l'extension.

1- Il contient en premier une entête :
Pour dire que c'est une page HTML5, et un lien vers un fichiers css pour écrire le style de la page du générateur.

2- Dans le corps nous trouvons des inputs qui vont permettre de piloter les différentes dimensions. Selon telle ou telle dimension mis en avant, nous obtenons tel ou tel dessin, avec le dernier qui parle à raison, et les jeux d'opacité.
Pour pouvoir faire le traitement des données, nous donnons un nom et une identité à chaque valeur entrée.

3- La base d'un fichier vidéo est celle que nous trouvons déjà dans les grottes préhistoriques ariégeoise. Une succession d'images qui défilent au rythme du déplacement de la tête ou du corps. Ici c'est pareille, c'est une succession d'images qui défilent au rythme choisit par le lecteur. Donc quand nous ajoutons un dessin à une image, il faut dire à quelle image appartient le dessin. La sélection de l'image se fait avec un bouton :
Toujours pour le traitement dans javascript nous donnons une identité au bouton. Plus la vidéo contiendra d'images, plus il faudra de boutons. Comme la vidéo contient plusieurs univers, il faudra ajouter autant de bouton qu'il y aura dans la somme totale des images tout univers confondus.

4- N'ayant jamais eu le temps de finaliser toutes les formes acoustiques au format audio abadie.adn (créer en 2010), j'ai préféré utiliser un format audio permettant de générer tous les sons existant. Le format audio utilisé est le format audio abadie.jo .
Nous indiquons en premier ou est le fichier audio sur l'ordinateur avec un input, nous donnons un nom à ce fichier audio, en ensuite nous indiquons à quelle image est attaché ce fichier audio. Le fait d'attacher le fichier audio aux images, a deux avantages le premier est que le son n'est pas déformé par l'accélération des images et en plus nous pouvons créer des mixes qui selon induisent des effets spéciaux.

Pour reprendre l'adressage se fait avec :
Le max indique le nombre totale d'images.

Le nom est donné avec :
Et nous indiquons ou se trouve le fichier au format abadie.jo sur l'ordinateur avec :


5- Ici commence la partie HTML à copier/coller. Cette partie est composée d'une base fixe, et de repères qui servent à venir placer les constructions (les dessins pour créer les images).

6- Nous utilisons du code ascii pour afficher les balises de manière à ne pas interférer dans la page du générateur. Nous commençons par un début d'entête classique :
7- Nous plaçons notre style, le css, qui va permettre, allié au javascript, de ne faire apparaître les images qu'au bon moment. La technique est qu'avec le css nous créons une position image visible et une position image invisible. Avec le javascript nous créons un compteur en fonction du temps, un compteur contenant une base de temps modifiable. Ensuite nous indiquons que toutes les images sont en position invisible. Et nous donnons une position visible à chaque image en fonction de sa position dans le compteur, et en fonction de son univers en cas d'utilisation de plusieurs univers. Ce qui donne :
Et ainsi de suite, des styles pour gérer les déplacements dans le temps

8- Une fois l'entête créée, nous créons le corps qui s'identifie à l'aide de la balise body. Nous commençons par indiquer les fichiers sons qui vont être attachés aux images. Si les fichiers apparaissent dans le code, il ne faut pas oublier qu'il sont invisible dans la vidéo généré. Pour indiquer les fichier sons, nous écrivons :

Dans le cas de 16 fichiers sons.

9- Dans l'exemple nous travaillons avec 2 univers, nous allons donc créer des repères ou les images vont pouvoir être crées :

Ici nous avons deux images, et comme le repère est fleur1, et que le compteur décrémente, nous avons la dernière image de la vidéo du premier univers, et la dernière image de la vidéo du deuxième univers

10- Le langage multidirectionnel apporte l'avantage d'aborder l'information par l'entrée qui parle le plus à l'esprit, d'ou un passage rapide et un retour à un point du document vidéo. Pour pouvoir se déplacer dans le document vidéo, nous créons des repères cliquables :

Ici nous créons un repère sur la première image de la vidéo, la gestion des repère est fonction de ce que nous voulons exprimer. Il est possible de créer plusieurs repères sur la même image, comme de créer un repère distancé d'un nombre d'images choisit.








Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

samedi, avril 22, 2017

Comment créer son extension video firefox, tutoriel 5

Comment générer son propre instrument de musique en HTML5


 Pour des raisons pratiques, l'instrument de musique est généré sous forme d'extension firefox, les exemples que j'ai créé se nomment PianoBaul. Piano car j'ai en premier dessiné un piano et Baul pour Bibliothèque Acoustique Universelle Linux car la base des sonorités de l'instrument de musique est générée avec le format audio abadie.adn
Comme tout ce qui concerne le langage multidirectionnel ici, il n'y a que de l'entendement, pas d'algèbre, pas d'imitation, même pour le dessin la même base peut devenir un cercle, un rectangle ou un coeur, tout est question de dimension et équilibres de dimensions

La page d'accueil de l'extension PianoBaul est à télécharger ici PianoBaul.html et son répertoire à télécharger ici :  PianoBaul 

Pour créer son propre instrument de musique sous forme d'extension, il faut reprendre le début du tutoriel précédent pour créer son propre manifest.json qui va ouvrir sa propre page PianoBaul.html qui pourra même être nommée autrement.

1- Nous trouvons dans la page PianoBaul.html un fichier d'entête qui indique que c'est du HTML, et qu'il faut afficher l'instrument de musique sur la page complète.


2- Comme indiqué dans l'image ci-dessus nous indiquons aussi l'adresse d'un fichier javascript, et aussi l'adresse d'un fichier css qui va nous permettre de créer l'instrument de musique. Nous dessinons en css car cette pratique est adaptée au langage multidirectionnel, cette pratique est adaptée à l'entendement. Nous retrouvons avec le css, une partie effet visuel, qu'utilisaient les hommes préhistorique quand ils faisaient tourner un os autour de son centre.

3- Ensuite nous donnons des identités (id= ) à des emplacements (class=). Les emplacements sont déterminés par des dessins en css, et les identités vont permettre au javascrit de créer des événements (comme jouer un son) quand nous allons soit survoler, soit cliquer au doigt ou au clavier ou ...


4- En fin de fichier nous indiquons les emplacements des différents fichiers javascrit utiles. Il est tout à fait possible de les regrouper en un seul fichier ou de les insérer dans le code HTML, mais comme j'ai prévu que chacun puisse créer son propre instrument de musique, j'ai préféré les séparer afin que chacun puisse les modifier plus facilement.




5- Les fichiers ajoutés sont :
adresse.js : qui sert à pister un événement sur un emplacement adresse.js avec

document.addEventListener('DOMContentLoaded', function() {
document.getElementById('b1v').addEventListener("click", function() {
touche1Press();
});









ou encore à pister les touches claviers en permettant que le même son puisse se chevaucher (lu plusieurs fois avant que la première lecture est fini) avec


 case "a":
    mua1 = mua1 + 1;
    if(mua1>3){
        mua1 =0;
      }
    multitouchea(mua1);
break;


Ce fichier est principalement composé d'adressage pour indiquer quand le son doit être joué et quel son doit être joué. La technique qui permet de jouer plusieurs fois le même son rapidement est de créer plusieurs noms de fichiers contenant le même son

adresse.css :  qui sert à dessiner adresse.css
Nous utilisons le css pour dessiner, j'ai créé depuis plusieurs années des tutoriels des techniques, en exemple derrière ce lien : http://www.letime.net/alpha/5.html

adn1.js : adn1.js


 qui sert de brique acoustique. Le concept est de générer une forme acoustique de base au format audio abadie.adn, ensuite de créer des tableaux de variations d'une partie de cette brique en fonction des touches, de l'instrument de musique, appelées.

adapt1.js :
adapt1.js

Ce fichier ne sert qu'à créer une entête pour que le fichier audio soit compatible avec les lecteurs audio d'aujourd'hui. Explications, les pratiques du moment veulent qu'en début de fichier, nous écrivons ce que contient le fichier, quel lecteur utiliser, le nom du fichier, ... Ce n'est pas seulement l'extension qui indique quel outil utiliser pour lire le fichier, c'est surtout ces données placées en début de fichier.

adapt.js :
adapt.js



Ce fichier est une table contenant tous les résultats possibles, ceux-ci sont utilisés en fonction de la durée qui est au maximum 128 en jouant sur la symétrie et un nombre de point clefs basés sur un octet. Les résultats sont donnés sur 2 octets et comme c'est de la modélisation, la qualité est largement supérieur aux capacités acoustiques de l'oreille humaine. Nous utilisons cette technique d’imitation, car si les ordinateur sont d’excellents imitateurs, par contre, ils ne savent pas compter rapidement sans faire d'erreurs.

joa.js : joa.js

Ce fichier sert à lire le contenue de la brique acoustique, pour générer la forme acoustique. Il faut bien comprendre dans le concept qu'ici pour les sons, comme pour les vidéos, nous n'utilisons pas d'algèbre, pas de fréquence, pas d'onde. Nous utilisons des formes qui mettent plusieurs dimensions en équilibre. C'est du langage multidirectionnel, comme l'utilisaient les hommes préhistoriques ou plus proche de nous les celtes, en encore plus proche de nous la convention de 1789 qui a posé les bases de notre République.


act1.jsact1.js qui sert à transformer le format audio abadie.joa en format audio compatible avec la technologie audio actuelle

back1.js
back1.js   

Ce fichier sert à déterminer combien de sons va contenir l'instrument de musique, ici dans l'exemple il y a 36 sons de manière à avoir les 26 lettres du clavier plus les 10 touches du clavier numérique, soit 36. Mais rien empêche de modifier pour se créer un pad tactile contenant beaucoup plus de son, voir même des briques acoustiques composées de plusieurs briques acoustiques.

Dans l'exemple pour 36 sons cela s'écrit : 

 document.addEventListener("DOMContentLoaded", function(event) {
var pour = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
11, 12, 13, 14, 15, 16, 17, 18, 19, 20,
21, 22, 23, 24, 25, 26, 27, 28, 29, 30,
31, 32, 33, 34, 35, 36];
for(var pour1= 0; pour1 < 36; pour1++)
{
    lance(pour[pour1]);
}
});





Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

Comment créer son extension video firefox, tutoriel 4

 Le fichier jo.js à télécharger ici  jo.js 


Contient une partie qui permet d'identifier les différents fichiers audio en les nommant et d'une partie qui génère les fichiers audio au format actuel à partir d'un fichier audio au format abadie.joa

Le format audio abadie.joa est un format audio qui indique la crète et la durée de chaque front d'onde en mode ascii

Les entrailles du fichier

Pour créer le nom du fichier audio qui va être lu,
1- je crée une constante nommée basewave que je mets en mémoire dans la valeur lenommeur1
lenommeur1= "basewave";


2- Je crée une variable nommée le variateur que j'incrémente à chaque appel de la fonction ou se trouve la variable
levariateur = levariateur + 1;

 3- Je modifie le nom du fichier audio en concaténant le contenue de la constante avec le contenue de la variable, j'aurais pu utiliser le symbole + pour concaténer, mais les entrailles du javascript sont parfois hazardesues et l'utilisation de concat est plus sure.
lenommeur = lenommeur1.concat(levariateur);

4- j'effectue un trie en fonction de la valeur contenue dans le variateur en utilisant un switch
switch(levariateur) {

5-  Exemple ou le variateur égal 2, qui s'écrit avec case 2:

Je crée trois variables que je vide, à chaque lecture
Je crée une fonction nommée ajouteElement que j’appelle à la fin
Dans cette fonction je place un générateur de code qui va dans la partie HTML, générer un lecteur audio adressé  avec le bon nom du fichier audio généré.
Cette partie marie logique et conventions d'écriture. Les conventions impliquent que le code semble long, mais c'est comme ça.
La logique est que nous devons avoir un nom unique par fichier audio, qu'il faut dire à la page HTML d'ouvrir un lecteur audio en direction du bon fichier audio, c'est tout, le reste n'est que conventions pour dire ça.

//zone 1
var mon_audio1 = null;
var nouveauaudio1 = null;
var nouveauaudio1a = null;
function ajouteElement() {
  // crée un nouvel élément audio
  nouveauaudio1 =  document.createElement("audio");
nouveauaudio1.setAttribute("id", "audiojoa");
nouveauaudio1.setAttribute("controls", "controls");
nouveauaudio1.setAttribute("autobuffer", " ");
  // ajoute l'élément qui vient d'être créé et son contenu au DOM
 nouveauaudio1a = document.createElement("source");
  nouveauaudio1a.setAttribute("src", "data:audio/wav;basewave2,");
   nouveauaudio1.appendChild(nouveauaudio1a);
  mon_audio1 = document.getElementById(lenommeur);
  document.body.insertBefore(nouveauaudio1, mon_audio1);

ajouteElement();
//fin zone 1


Du nombre de cas écrit, sera le nombre de cas possibles, en français du nombre de fichiers audio que nous pourrons générer pour les mixer à la lecture avant de de régénérer la page HTML pour pouvoir générer de nouveaux fichiers audio

6- Génération du fichier audio

La partie précédente ne sert qu'à créer le code HTML, maintenant nous allons générer le fichier audio.
En premier nous créons un fichier audio source avec

var audio = document.getElementById("audiojoa");
var source = document.createElement("source");
source.setAttribute("src", lenommeur);
audio.appendChild(source);


Ensuite nous générons le fichier audio avec la fonction

function lecjo(FichierAudioJo)

La fonction compare en premier si la valeur de crète est inférieur ou supérieur à la valeur de crète précédente pour savoir si c'est un front montant ou un front descendant. Ensuite elle va chercher les valeurs dans la table en fonction de la durée en créant un point de symétrie par rapport au centre du front d'onde. Les points de repère de la table sont sur 8 octets divisés par deux grace à la symétrie d'ou 128 cas possibles, mais les valeurs dans la table sont bien les réponses obtenues pour un fichier audio de 16 octets. Cette technique associé au fait que c'est de la modélisation permet d'obtenir une qualité sonore jamais égalée, car la finesse du résultat est largement supérieur aux capacités technologiques ou physiologiques.
Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

Comment créer son extension video firefox, tutoriel 3

 Le fichier convertit.js à télécharger est composé d'un transformateur binaire à ascii.

Explications : 

A- Inventaires des savoirs :

1- L'homme utilise toujours un langage à la hauteur de ses besoins, plus le langage est évolué, plus l'homme est intelligent. Nous trouvons dans les grottes préhistoriques Ariégeoise un langage donnant une grande quantité d'informations, compréhensible par tous, un langage multidirectionnel. Plus tard nous trouvons dans le celte une base de 5 caractères avec différentes puissances, un langage multidirectionnel très évolué ayant une très grande puissance. Pour rappel l'utilisation de 2 caractères me suffise pour reproduire tous les sons, 5 caractères est au delà de l'imaginable avec notre langage actuel. 

2- la logique est toujours ce qui plaît à l'entendement, ainsi de part sa construction et aussi de part ses règles, l'informatique ne peut être considérée comme logique. Cet état de fait est que nous devons utiliser des transformateurs pour passer le même objet d'une dimension à une autre, l'informatique ne peut percevoir l'objet comme nous le percevons avec en exemple le format audio abadie.adn
Cette incohérence de l'informatique fait que dans l'exemple de Lecjo qui écrit les fichiers son en binaire, nous devons transformer l'information en ascii et encore en respectant certaines règle d'écriture, sinon l'informatique aurait vite fait les mauvaises interprétations avec tous les cas non désirés que cela implique.

B- logique pure
Nous allons essayer de laisser les traces de l'entendement humain, de la cause sur de l'informatique, en produisant des effets (phénomènes physiques)

C- Logique appliquée

Nous transformons le langage binaire en langage adapté au code machine en respectant les règles d'écriture du langage machine.

D- Logique appliquée déduite de deuxième niveau

A l'aide d'une boucle qui scan le fichier audio :

for (var i = 0; i < text1.length; i++)
{

Nous indiquons pour chaque valeur binaire d'un octet son équivalent en ascii , en exemple :

case "\x00": FichierAudioJo[i] = 0;

 le switch permet de faire le tri


Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.