[Z500] Tutorial creation de theme, Howto complet avec fichier de travail

Creation de theme pour le Samsung SGH-Z500


Un theme se compose d'un jeu d'image et d'un jeu de sonnerie.
Les formats supportés par le mobile sont : mid, midi, mmf, mp3, gif, jpg, swf

Pour commencer, télécharger le pack additionnel contenant le theme de travail que nous allons utiliser tout au long de cette

étude.
>> Fichier de travail


I Préparation

----------------------------------------------------------------------------------

Conseils :
- Afin de travailler proprement, il est conseillé de créer un dossier par theme sur votre disque dur, sinon vous ne vous y retrouverez jamais (clic droit - Nouveau - dossier).
- Conserver toujours les mêmes noms de fichier pour faciliter la gestion de vos themes.
- Conserver toujours vos fichiers originaux dans un dossier séparé et ne travaillez que sur des copies de fichiers.
- Lorsque votre theme est terminé, pensez a lui mettre le prefixe FINAL_ devant son nom afin d'éviter les confusions.

----------------------------------------------------------------------------------

1°) Decompressez le fichier télécharger sur votre disque dur dans son répertoire.
2°) Cliquer sur le répertoire nouvellement créer, vous devriez y trouver :
- bretagne.thm
- open.jpg
- close.jpg
- fond.jpg
- external_bretagne.jpg
- voice_call.mp3
- video_call.mp3
- message.mp3
- preview.psd
- theme.psd
- lisez_moi.txt
- read_me.txt

II Creation de theme simple

Le but vous l'avez compris, est de remplacer les fichiers jpg et mp3 par ceux que vous souhaiter.
Si vous disposez de photoshop, le fichier preview est taillé en 176*220 pixels pour les ecrans fond.jpg, close.jpg et

open.jpg
Il a egalement l'avantage de vous montrer ou se trouve les infos du mobile sur votre ecran pour adapter vos graphismes.

1°) Les fonds d'ecrans 176*220 pixels

Ouvrer le fichier preview.psd si vous disposez de photoshop.
Sinon, ouvrez votre éditeur d'image favori et créer un nouveau document :
Largeur : 176 pixels / 6,21 cm
Hauteur : 220 pixels / 7,76 cm
Resolution : 72 pixels par pouce

Seul le fichier fond.jpg est affecté par les barres inferieure et superieure.
Les images close.jpg et open.jpg seront affichées en plein ecran par le téléphone.

Le fichier fond.jpg
- Utilisé par le mobile comme fond d'ecran lorsque le mobile se trouve sur son ecran de veille.

Le fichier open.jpg
- Utilisé par le mobile comme fond d'ecran lorsque le mobile s'allume.

Le fichier close.jpg
- Utilisé par le mobile comme fond d'ecran lorsque le mobile s'eteins.

2°) Les fichiers sons MP3

Créer vos mp3 avec votre editeur favori de mp3.

Le fichier voice_call.mp3
- Utilisé par le mobile lorsque que l'on vous appelle par la voix.
durée conseillée : Entre 25 et 30 secondes

Le fichier video_call.mp3
- Utilisé par le mobile lorsque que l'on vous appelle par la video (visiophonie).
durée conseillée : Entre 25 et 30 secondes

Le fichier message.mp3
- Utilisé par le mobile lorsque que le mobile s'allume, s'eteins, ou lorsque vous recevez un message.
durée conseillée : Entre 10 et 15 secondes

3°) Creation du logo pour ecran externe

NOTA : Ce fichier n'est pas inclus dans le theme proprement dit car le theme ne prend pas en charge l'ecran externe.
Cependant votre theme sera bien plus complet avec que sans.
Il vous faudra donc le transférer puis l'activer separement.

Ouvrez votre éditeur d'image favori et créer un nouveau document :
Largeur : 80 pixels / 2,82 cm
Hauteur : 64 pixels / 2,26 cm
Resolution : 72 pixels par pouce


Conseils :
Le logo externe ne recouvre pas totalement l'afficheur.
Le fond de l'afficheur étant noir, il est conseillé de prendre un fond noir de maniere a ce que le logo s'integre bien.


==> Réaliser vos tests en chargeant l'ecran externe sur le mobile ou la carte mémoire.

4°) Empaquetage du theme

Renommez le fichier Bretagne.thm en Bretagne.zip
Double-cliquer sur le fichier Bretagne.zip (de maniere a ouvrir l'archive sans la decompresser).
Une fois l'archive ouverte, supprimer tous les fichiers a l'exception du fichier thme.xml (sinon l'archive se ferme et

s'efface...)
Revenez dans le répertoire de votre theme et sélectionnez les fichiers :
- open.jpg
- close.jpg
- fond.jpg
- message.mp3
- voice_call.mp3
- video_call.mp3

Par glisser/deposer, mettez tous les fichiers dans l'archive (faites glisser les fichiers et relacher dans la fenetre de

l'archive).

Refermez l'archive qui doit contenir ses 7 fichiers (3 .jpg, 3 .mp3 et theme.xml)
Renommer le fichier bretagne.zip par le_nom_de_mon_theme.thm (le_nom_de_mon_theme est ce que vous voulez mettre comme nom a

votre travail).

==> Réaliser vos tests en chargeant le theme sur le mobile ou la carte mémoire.


5°) Distribution du theme

Vous pouvez bien sur distribuer vos themes comme cela, mais rappellez vous que vous avez aussi fait un ecran externe, et de

plus, je ne saurais trop vous conseillez d'y mettre votre pseudo ne serait-ce que pour les copyrights.

- Les copyrights :
Editer les fichiers read_me.txt (en anglais) et lisez_moi.txt (en francais) avec votre pseudo, le nom du theme et le nom de

l'archive.

- Empaquetage :
Créer une archive .zip avec les fichiers read_me.txt, lisez_moi.txt, le fichier theme et lefichier d'ecran externe.

Votre theme est pret a etre distribué au monde entier.

-------------------------------------------------------------------------------

II Creation de theme avancé

Si vous en arrivez là, c'est que ce que je vous décris plus haut ne suffit pas
Alors allons plus loin :

1°) Les papier-peints 176*147 pixels

- Le samsung Z500 prend en charge un systeme de papier peint.
- Ainsi sur votre ecran de veille, vous aurez le fichier fond.jpg en arriere plan et par dessus, un second fichier image

appellé papier peint (wallpaper) qui apparaitra devant le fichier de fond.
- Par contre, il est necessaire de prevoir un fichier fond qui s'adapte bien avec les papier peint...
- La taille de ces fichiers est de 176*147 pixels et il s'integre entre les deux barres de menu et d'heure sur le mobile

(voir le fichier preview.psd).

- Images JPG

Ouvrez votre éditeur d'image favori et créer un nouveau document :
Largeur : 176 pixels / 6.21 cm
Hauteur : 147 pixels / 5,19 cm
Resolution : 72 pixels par pouce

- Créer vos papier-peint au format .jpg

- Images GIF animé

Créer votre animation de maniere a ce qu'elle colle a la taille requise
Largeur : 176 pixels / 6.21 cm
Hauteur : 147 pixels / 5,19 cm

- Images SWF

Vous avez la possibilité de créer des animations Flash simple pour le samsung SGH-Z500.
Vous devez sauvegarder votre animation au format Flash Lite 1.0 (pour plus de détails, voir "Les problemes les plus courants"

plus bas..
Elle doit avoir la taille requise c'est a dire 176*147 pixels.

Les graphismes reconnus sont ceux de Flash 5.0
L'action script utilisable est le flash 4.0

- Insérez vos fichiers papier peints dans l'archive de distribution.

2°) Le fichier XML

Comme vousl'aurez compris, tout se parametre dans le fichier theme.xml
Ouvrez le fichier theme.xml avec votre editeur favoris (ou selectionner le fichier, appuyer sur MAJ, faites clic droit sur

le fichier puis Ouvrir avec... et sélectionnez Notepad).

Etudions ensemble ce fichier voici ce que nous avons a l'ouverture :
(lorsque vous editez, faites attention a garder les guillemets !!)

Decortiquons au pas a pas

1ere ligne, déclaration du fichier .xml => NE PAS TOUCHER

2eme ligne, devrait etre la déclaration de la version du langage de theme utilisé .xml => NE PAS TOUCHER

3eme ligne, Tag info sur le theme

name="Bretagne" ==> Nom du theme, EDITABLE
date="" ==> Date de création du theme, EDITABLE
size="0" ==> Inconnu, NE PAS TOUCHER
profile="Shalimar" ==> Shalimar est le nom de code du z500, NE PAS TOUCHER

4eme ligne, Tag info sur le theme

idle="fond.jpg" ==> Nom du fichier de fond ecran, EDITABLE
mainmenu="" ==> Menu principal, EDITABLE
appmenu="" ==> Menu app, EDITABLE

5eme ligne, Barre du theme

title_color="0x000000" ==> Couleur de la barre de titre (barre du haut), EDITABLE
softkey_color="0xffffff" ==> Couleur de la barre de titre (barre du bas), EDITABLE

[font size=8]Nota :

Les couleurs sont definies par un prefixe 0x suivi du code hexadecimal couleur :
0x000000 : Noir
0xFFFFFF : Blanc
0x0000FF : Bleu
0xFF0000 : Rouge

[/font]

6eme ligne, Tag papier peint

idle="" ==> Nom du fichier papier peint, EDITABLE

[font size=8]Nota :
Mettre le nom du fichier papier peint et ne pas oublier de le mettre dans le fichier.thm
Ce papier peint sera selectionner par defaut lors de l'activation du theme, mais vous pourrez en changer, d'ou l'interet d'en

créer plusieurs..
[/font]

7ème ligne, Tag sonnerie

voice_call="voice_call.mp3" ==> Nom du fichier melodie pour les appels voix, EDITABLE
voice_call="voice_call.mp3" ==> Nom du fichier melodie pour les appels video, EDITABLE
voice_call="message.mp3" ==> Nom du fichier melodie pour les messages, EDITABLE

8ème ligne, Definition de l'allumage du mobile

image="open.jpg" ==> Nom du fichier image lors de l'allumage, EDITABLE
melody="message.mp3" ==> Nom du fichier melodie jouer lors de l'allumage, EDITABLE

9ème ligne, Definition de l'extinction du mobile

image="close.jpg" ==> Nom du fichier image lors de l'allumage, EDITABLE
melody="message.mp3" ==> Nom du fichier melodie jouer lors de l'allumage, EDITABLE

10ème ligne, Definition de la barre de titre (haut) du mobile

color="0xffffff" ==> Couleur de la couleur de la police, EDITABLE
type="Bold" ==> Type de la police (bold, bolder, lighter, normal), EDITABLE
size="16" ==> Taille de la police, EDITABLE

10ème ligne, Definition de la barre de menu (bas) du mobile

color="0xffffff" ==> Couleur de la couleur de la police, EDITABLE
type="Bold" ==> Type de la police (bold, bolder, lighter, normal), EDITABLE
size="16" ==> Taille de la police, EDITABLE

11ème ligne, Definition de la police du menu du mobile

color="0xffffff" ==> Couleur de la couleur de la police, EDITABLE
type="Bold" ==> Type de la police (bold, bolder, lighter, normal), EDITABLE
size="16" ==> Taille de la police, EDITABLE

12ème ligne, Definition de l'image de preview du theme

image="fond.jpg" ==> Nom du fichier (mettre l'image de fond), EDITABLE

13ème ligne, Fermeture du fichier theme, NE PAS TOUCHER

------------------------------------------------------------------------------------

Et voila qui vous permettra de créer vos propres themes de A à Z.
Sachez qu'il n'est pas obligatoire de tout remplir pour créer un theme, vous pouvez tres bien créer un theme graphique sans

fichier sons. Veillez simplement a retirer les mentions des fichiers qui ne seront plus dans le theme.

4°) Les problemes les plus courants

- Le theme ne marche pas ou fait planter le mobile

Eteindre le mobile (retrait de batterie si necessaire), rallumer et changer de theme.
Effacer le theme d'essai de la memoire du mobile. Il faut tout revoir...

- Une partie du theme fonctionne, mais pas tout

Vous devez avoir une erreur dans le fichier theme.xml, regardez si vous utilisez les bons noms de fichiers et qu'ils sont

bien dans l'archive .thm

- J'ai fait un zip que j'ai renommé en thm et cela ne marche pas

Le fichier .thm utilise des parametres que je ne connais pas. Si vous zippez et renommez, le telephone ne comprendra pas les

parametres de l'archive.
Faites comme moi, utilisez le fichier de base, ca marche tres bien.

- Mes sons ont un probleme...

Je ne suis pas un specialiste, mais faites des mp3 en 128 K/ps et 44800 Mhz

- Mes animations Flash ne passent pas/mal

Le flash utilisé pour ce mobile est special.
Il s'agit du Flash Lite 1.0
C'est un melange de Flash 5 pour le graphisme et Flash 4 pour l'actionscript.
L'animation doit etre legere pour etre jouer de maniere fluide. C'est un mobile, pas un pc...
Pour sauver en Flash_lite 1.0, sous flash faites :
Fichier -> Exporter -> Exporter l'animation
En haut selectionner Flash Lite 1.0
Cocher la case : Neutraliser les parametres audio
Cliquer sur OK




-------------------------------------------------------------------------------------

Fin du tutorial, je l'editerais avec vos remarques un peu plus tard.
Merci de m'avoir lu et n'hesitez pas a venir proposer vos creations ici

@+

Merci beaucoup pour ce tutorial super bien expliqué.
Dès que j'ai un instant, je me mets à la création de thème.

Je les mettrai à disposition sur ce post.

Bonne journée

Cool on va pouvoir faire des concours...
J'ai traduit le tuto en anglais egalement de maniere a ce que d'autres s'y mettent egalement...

@+

Suite a une question recente, je rajoute un bout au tutorial pour expliquer les divers moyens de transférer un theme :


[SIZE=18]Transferer un theme sur le Z500[COLOR=red]

Par carte mémoire

Soit vous passer via un PDA, c'est à dire que vous passez par une liaison PC <->PDA transfert sur la carte de stockage et insertion de la carte dans le mobile (uniquement carte MMC ou Transflsh)...
Soit votre PC est equipé d'un lecteur de carte mémoire... Cela existe, et cela evite les branchements fastidieux et autre transferts par cable avec les cameras, appareils photos, telephone etc... Cela coute entre 30 et 45 euros, cela se branche assez facilement et c'est tres bien...

Donc, transfere sur la carte memoire dans le dossier MMC THEMES, ensuite je prends le telephone, et je vais dans MENU -> Mes Documents -> Carte Memoire -> Themes je prends le theme et je l'active.
Il est important d'attendre le message de confirmation, meme si il est un peu long...
En fait le telephone copie le theme dans sa memoire, puis il l'active (c'est pour cela que parfois cela depasse les 5 a 7 secondes).

[quote]Si vous testez des themes, n'oubliez pas de vider les themes testés de la carte, mais aussi de la mémoire du téléphone. Car sinon :
1° Cela prend de la place inutilement
2° Si le theme a le meme nom a chaque test il va les numerotés 1 a 1 avec le nom du theme, super sympa pour s'y retrouver...

Par Bluetooth

Il faut activer un partenariat puis tu transférés les fichiers d'un appareil a l'autre.
Les codes par defaut sont en general 0000.

Pour en savoir plus sur le z500 et le bluetooth regarde cette page
Le partenariat doit etre établit egalement depuis l'autre appareil, c'est a dire un PDA ou un PC ou un Mac.
Pour les PC et le Mac, c'est généralement via un Dongle Bluetooth (Clé bluetooth en FR).
Je ne connais pas bien ce moyen car je n'en suis pas equipés, mais c'est jouable.

Pour le PDA, soit vous avez un accessoire, soit le PDA est deja equipés. Vous trouverez un prgramme de gestion bluetooth, par exemple Bluetooth Manager sur Pocket PC 2003.

Par cable j'ai pas encore testé, mais d'après certaines lectures, il semble que cela ne soit pas gérés par les logiciels livrés avec le mobile... Je vais tester et on verra bien.

@+

Salut ton tuto est génial merci beaucoup. Je l'ai testé et j'ai fais un thème. Mais dans se thème, je n'arrive pas à faire marcher les images de marche/arret du téléphone, sa charge les images de mon thème que j'avais avant ou sa met l'animation Sfr.
Voila si tu pouvez m'aider.
Merci.

voila moi j'ai un petit soucis mais qui s'avere tres genant c'est que je n'arrive pas a renommer mon fichiers zip en thm pourtant je le renomme par exemple

samsung.thm je remplace .thm par .zip pour l'explorer mais apres plus moyen de le remettre en . thm

aidez moi svp

acidix, pour cela, Outils Option des dossiers Onglet Affichage Décocher la case "Marquer les extensions dont le type est connu".

Hello,

Pour boubou

Le branding Voda etant ce qu'il est, il va quand meme charger les anims SFR avant d'essayer d'afficher ton image.
Donc tes logos allumage et extinction doivent etre assez leger pour etre charger rapidement... Je n'arrive pas non plus a faire jouer une musique a l'allumage par exemple... Tout cela a cause du chargement Voda.

Il peut y avoir des problemes entre deux chargements de themes.
Soit tu recharges le theme via le menu téléphone
Soit tu etains et tu rallumes.

@+

Hello! J'ai le meme probleme que toi

Comment passer du Fichier .zip au .thm ??

Je me suis inscrit specialement sur votre forum pour ce probleme ...

Aide nous Cadoudal56, toi qui maitrise au mieu les .thm .

Merci

POur passer du fichier zip au thm c tres simple, renome ton fichier zip en thm sous pc studio. voila c tout @+