Faire un don

Index

Modifier Framakiosk : Page d’accueil

Le FramaKiosk est la première interface de la FramaKey. Elle est un peu plus longue a modifier que le FramaLauncher (voir Comment modifier le FramaLauncher ?).
Tutoriel réalisé pour la FramaKey 1.5.1.x

1. Ajout d’une nouvelle application

Pour illustrer cet exemple on a choisi de rajouter à la Framakey l’application PortableAudacity.

1. Téléchargez PortableAudacity sur le site officiel de PortableSofts et des applications portables présentent dans la Framakey : http://fredericcombe.free.fr
Rubrique Applications Portables Francophones puis PortableAudacity, et enfin il suffit de cliquer sur la disquette bleue pour télécharger le logiciel.

2. Décompressez le dossier archivé PortableAudacity-1.3.0-beta-fr-rc1.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 !!! Cool

2. 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. Tapez audacity ou son ou musique ou ce que vous voudrez dans la zone de recherche et faites votre choix. Notre icône d’exemple s’appelle audacity.png.

1. Une fois téléchargée il vous faut mettre l’image à la bonne taille (48×48 pixels) tout en conservant la transparence. Gimp le fait très bien. Vous pouvez alors appliquer des filtres si l’image s’est pixellisée ou si la netteté a été flouée par le redimensionnement.

2. Enregistrez votre image dans VotreClé:\Framakey\FramaKiosk\FramaKioskPages\img\apps\audacity.png

3. Création du fichier LCH

Le fichier LCH permet de lancer le logiciel. On le nomme généralement du nom du logiciel. Le notre s’appellera donc audacity.lch.
Allez dans VotreClé:\Framakey\FramaKiosk\FramaKioskPages\lch
1. Ouvrez PortableSciTE et collez y ce code (provenant du fichier miranda.lch présent dans toutes les FramaKey 1.5.x.x) :

[Launch]
ExecuteFile=${cwd}\..\..\..\Apps\PortableMiranda\PortableMiranda.exe

2. Modifiez le en :

[Launch]
ExecuteFile=${cwd}\..\..\..\Apps\PortableAudacity\PortableAudacity.exe
ExecuteDirectory=${cwd}\..\..\..\Apps\PortableAudacity\

3. Enregistrez votre travail sous audacity.lch

4. Modification de la page index.html

Allez à VotreClé:\Framakey\FramaKiosk\FramaKioskPages\ et ouvrez le fichier index.html avec SciTE. Descendez dans corps de page et copiez le code suivant (présent dans toutes les FramaKey 1.5.x.x) :

<tr>
   <td style="width: 54px; text-align: center;"><a href="lch/miranda.lch" title="Messagerie Instantan&eacute;e (MSN/Yahoo! Messenger/AIM/ICQ/IRC"><img src="img/apps/miranda.png" width="48px" height="48px" alt="Miranda" /></a></td>
   <td style="width: 179px; text-align: left;"><h2><a href="infos.html#[[Miranda]]" title="Messagerie Instantan&eacute;e (MSN/Yahoo! Messenger/AIM/ICQ/IRC">Miranda</a></h2><p>Messagerie Instantan&eacute;e</p></td>

Maintenant collez le après la dernière balise </tr> et avant la balise </body>
Ensuite il faut le modifier de telle façon qu’il lance Audacity. On procédera dans le sens de lecture.

1. <a href=“lch/miranda.lch” title=“Messagerie Instantanée (MSN/Yahoo! Messenger/AIM/ICQ/IRC”>
Modifiez le nom du fichier LCH en lch/audacity.lch et la description (Messagerie Instantannée (MSN/……..)) par la description que vous souhaitez (il faut impérativement conserver les guillemets).

2. <img src=“img/apps/miranda.png” width=“48px” height=“48px” alt=“Miranda” />
Modifiez le nom de l’icône en img/apps/audacity.png et le nom du logiciel en Audacity.

3.

<a href="infos.html#[[Miranda]]" title="Messagerie Instantan&eacute;e (MSN/Yahoo! Messenger/AIM/ICQ/IRC">Miranda</a>

Remplacez infos.html#[[Miranda]] par lch/audacity.lch et modifiez ou supprimez une fois de plus la description. Ensuite changez le nom du logiciel en Audacity.

4. <p>Messagerie Instantanée</p>
Ca c’est le sous-titre. Modifiez le en <p>Edition audio</p>.

5. Enregistrez votre travail. A la prochaine ouverture du FramaKiosk l’icône d’Audacity sera apparue.

5. Encore quelques mots

Les icônes sont alignées par 2 dans le FramaKiosk. Pour ajouter une autre icône à côté de celle que vous venez de créer, placez ce code en dessous :
Code:

<td style="width: 104px;"></td>
   <td style="width: 54px; text-align: center;"><a href="lch/vlc.lch" title="Lancer VLC"><img src="img/aktion.png" width="48px" height="48px" alt="VLC" /></a></td>
   <td style="width: 179px; text-align: left;"><h2><a href="infos.html#VideoLAN" title="Informations sur VLC">VLC</a></h2><p>Lecteur vid&eacute;o</p></td>
</tr>

Modifiez le de la même manière que précédemment sans toucher à <td style=“width: 104px;”></td>. La balise </tr> ferme la ligne.

« | Index | »

Fil RSS