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é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