Améliorer Framakey.pub

Transcription

Améliorer Framakey.pub
PERSONNALISER SA FRAMAKEY
Préliminaire: télécharger
et décompresser « Framakey »
On peut personnaliser la page d’accueil
(Framakiosk) en ajoutant d’autres applications portables par exemple Audacity (PortableAudacity) Gimp
(PortableGimp) etc….
Le didacticiel original se trouve sur:
http://www.framakey.org/Tutoriels/FramaKioskIndex
Les applications portables sont disponibles sur:
http://fredericcombe.free.fr/apps/
Ajout d’une nouvelle application
Téléchargez PortableAudacity depuis le site Framakey qui donne aussi la liste des applications portables que l’on peut ajouter sur une clé Usb: http://www.framakey.org/Portables/Index
il suffit de choisir l’icône du programme (rubrique Audio et Multimédia) puis de cliquer sur la
disquette bleue qui apparaît sur la nouvelle page, pour télécharger le logiciel.
Décompressez le dossier archivé PortableAudacity-1.3.0b-fr-r01.zip; ouvrez le ; copiez PortableAudacity
et collez le dans le répertoire Apps de votre Framakey.
Voilà : vous venez de rajouter une application à votre Framakey !!! ...et vous pourrez en ajouter encore
d’autres en suivant la même procédure.
Ajout de l’icône d’Audacity
Les icônes dans le FramaKiosk sont au format PNG et de taille 48×48 pixels.
La PNG Factory est une bibliothèque d’icônes au format PNG et vous permettra de trouver
la plupart du temps des images à votre convenance.
http://www.customxp.net/images/PngFactory/index.php
Tapez « audacity » ou « son » ou « musique » ou autre chose qui puisse rappeler les fonctionnalités d’un
éditeur audio dans la zone de recherche d’images et faites votre choix.
Une fois téléchargée il vous faut mettre l’image ( par exemple audacity.png ). à la bonne taille (48×48
pixels) tout en conservant la transparence. Gimp ou Xnview le font très bien.
Enregistrez votre image dans
VotreClé:\Framakey\FramaKiosk\FramaKioskPages\img\apps\PortableAudacity.png
Création du fichier *.lch
Le fichier *.lch ( launcher = lanceur) pour permet de lancer le logiciel. On le nomme généralement du
nom du logiciel. Le notre s’appellera donc audacity.lch.
Ouvrez PortableSciTE et collez y ce code ( adapté d’un autre fichier *.lch (p. ex. « miranda.lch » présent
dans toutes les FramaKey ) :
[Launch]
ExecuteFile=${cwd}\..\..\..\Apps\PortableAudacity\PortableAudacity.exe
Enregistrez « audacity.lch » sur votre Clé : \ Framakey \FramaKiosk \ FramaKioskPages \ lch \ apps
page 1
NOTIONS DE CODE HTML UTILES: MODIFICATION DE LA PAGE INDEX.HTML
Allez dans le répertoire VotreClé:\Framakey\FramaKiosk\FramaKioskPages\ et ouvrez le fichier
index.html avec SciTE.
Descendez dans le texte ( corps de page: balise <body> ) et copiez le code suivant ( qui est présent dans
toutes les FramaKey et permet de lancer « pidgin » :
<td style="width: 54px; text-align: center;"><a href="lch/apps/pidgin.lch" title="Lancer Pidgin"><img
src="img/apps/PortablePidgin.png" width="48px" height="48px" alt="Pidgin" /></a></td>
<td style="width: 179px; text-align: left;"><h2><a href="infos.html#[[Pidgin]]" title="Informations
sur Pidgin">Pidgin</a></h2><p>Messagerie Instantan&eacute;e</p></td>
Rappel: la balise <tr> ouvre une nouvelle ligne dans un tableau et la balise <td> ouvre une nouvelle cellule dans une ligne (</td> et </tr> sont là pour fermer ces éléments)
Maintenant collez-le après la balise </td> qui ferme la cellule relative à Pidgin
et avant la balise </tr> qui ferme la ligne correspondante
Ensuite il faut le modifier de telle façon qu’il lance Audacity.
On procédera dans le sens de lecture.
La première cellule contient l’image cliquable qui lance le logiciel
<a href="lch/apps/pidgin.lch" title="Lancer Pidgin">
Modifiez le nom du fichier LCH en « lch/apps/audacity.lch » et la description ="Lancer Pidgin" par
"Lancer Audacity" (il faut impérativement conserver les guillemets).
<img src="img/apps/PortablePidgin.png" width="48px" height="48px" alt=“Pidgin” />
Modifiez le nom de l’icône en « img/apps/PortableAudacity.png » et le nom du logiciel (alt = texte alternatif si l’image ne s’affiche pas) en Audacity.
La deuxième cellule contient un lien hypertexte :
<a href="infos.html#[[Pidgin]]" title="Informations sur Pidgin">Pidgin</a>
Remplacez infos.html#[[Pidgin]] par infos.html#[[Audacity]] et modifiez une fois de plus la description (title) cette fois-ci par ="Informations sur Audacity"> . Ensuite changez le nom du logiciel en Audacity.
<p>Messagerie Instantanée</p>
ça c’est le sous-titre. Modifiez le en <p>Edition audio</p>.
Enregistrez votre travail.
A la prochaine ouverture du FramaKiosk l’icône d’Audacity sera apparue et ( si tout va bien ) permettra
de lancer le logiciel par un simple clic.
page 2
MODIFICATION DES PAGES INTERNES DE FRAMAKIOSK.
Activer les actions des facilités de modifications
Voir didacticiel: http://www.framakey.org/Tutoriels/
FramaKioskInterne
Tout le contenu de ces pages est en fait rassemblé
dans un seul fichier, qui lance un interface de type
« tiddly wiki » :
/Framakey/FramaKiosk/FramaKioskPages/infos.html
Editez le fichier (par exemple avec SciTe )
et changez la ligne 42 :
<script src="js/infos.js" type="text/javascript" />
qui devient
<script src="js/infos_modif.js" type="text/javascript" />
Sauvegardez le fichier.
A partir de là les contenus des pages internes du votre Framakiosk
sont éditables directement depuis l’interface lui-même
En utilisant le bouton « éditer »
Inspirez-vous du code déjà présent pour le compléter et qu’il corresponde
aux applications de votre clé
EDITION DU MENU LOGICIELS
Accédez à l’article “MainMenu”, en entrant directement son URL dans votre navigateur
Firefox par exemple sur « VotreClef »
file:///VotreClef:/Framakey/FramaKiosk/FramaKioskPages/infos.html#MainMenu
ou sur le bureau
file:///C:/Documents%20and%20Settings/NomUtilisateur/Bureau/Framakey/
FramaKiosk/FramaKioskPages/infos.html#MainMenu
NB: Adaptez le chemin de l’Url en fonction de la localisation de votre Framakey
Faites vos modifications en complétant
la liste les liens et les informations
concernant les nouveaux logiciels que
vous avez ajoutés
Sauvegardez directement depuis la fenêtre (bouton « done » save changes to
this tiddler)
page 3
MODIFICATION DU FRAMALAUNCHER
http://www.framakey.org/Tutoriels/FramaLauncher
Pour modifier le FramaLauncher faites un clic droit sur son
icône dans la barre des tâches et cliquez sur Ouvrir fichier
conf avec SciTE.
On peut aussi modifier directement le fichier source
« FramaLauncher.ini » qui se trouve dans le dossier
Framakey\FramaLauncher
Rajouter un raccourci (p. ex vers PortableAudacity)
1. Descendez jusqu’à : [AllApps]
2. Trouvez la rubrique Multimédia, repérable par le code suivant.
Type: separator; Caption: "Multimédia"
Pour information : Type: separator introduit un trait horizontal ou séparateur et Caption:
“Multimédia” introduit le nom qui figure sur ce séparateur dans le FramaLauncher.
3. Copiez ce code (présent dans toutes les versions de la Framakey) :
Type: item; Caption: Coolplayer; Action: run; FileName: %Apps%
\PortableCoolplayer\PortableCoolplayer.exe; Glyph: 32
Et collez le juste en dessous. Maintenant il
va falloir le modifier:
•
Type: item introduit un raccourci. Caption: “Coolplayer” spécifie le nom du
raccourci.
Renommez le Caption: “Audacity”.
•
Action: run précise qu’il faut lancer
une appli, un code.
•
FileName:
“\PortableCoolplayer\PortableCoolplayer.exe” spécifie l’appli à lancer.
Renommez le FileName: “\PortableAudacity\PortableAudacity.exe”
•
Glyph: 32 précise la position de l’image à utiliser dans FramaLauncher.bmp Renommez le Glyph: PositionDeVotreImage
page 4
4.Modification de FramaLauncher.bmp
Le fichier FramaLauncher.bmp (VotreCle:\Framakey\FramaLauncher) contient toutes les
icônes présentent dans le FramaLauncher.
On va maintenant y rajouter l’icône d’Audacity.
Récupérer, au format 16×16 pixels, l’icône d’Audacity et ce sur fond rose (le fond rose
permet la transparence). Vous pouvez trouver des icônes pour le FramaLauncher ici
http://fredericcombe.free.fr/download/portablesoft/glyph/.
Collez la à la place d’une des croix à la fin de l’image et notez sa position (la première
icône est en position 0). Il n’y a plus qu’à enregistrer votre travail (FramaLauncher.bmp).
Si (à force de rajouter des applications par exemple) vous n’avez plus de place pour de
nouvelles icônes, n’hésitez pas à rallongez l’image.
Le fond rose doit ABSOLUMENT être identique à celui de FramaLauncher.bmp
5. Une fois les modifications faites vous devriez obtenir ceci :
Type: item; Caption: "Audacity"; Action: run; FileName: "%Apps%
\PortableAudacity\PortableAudacity.exe"; Glyph: 41
6. Enregistrez alors votre travail.
7. Faites un clic droit sur l’icône FramaLauncher dans la barre des tâches
et cliquez sur Actualiser.
Votre raccourci vers Audacity est maintenent présent dans
« Tous les Programmes » (clic gauche sur la Framanouille)
De la même manière que vous avez ajouté Audacity, complétez votre « Framakey » en y
ajoutant 2 autres applications, qui seront indispensables pour la construction et la publication de votre site Web : KompoZer et Filezilla (en version portable )
page 5