[STD - Bada Export] Main Menu Icon et Fichier Manifest

Bonjour à tous

Si vous souhaitez publier votre Thème sur le Samsung Apps, il faut renseigner d'autres fichiers dans le logiciel STD, Samsung Thème Designer. Ces fichiers se trouvent dans la partie Bada Export, en bas, dans la liste de création sur le coté gauche (cliquer sur le bouton Tree View Windows en bas pour afficher la liste)

1/ Images
Commençons par le plus simple, la partie Image
Dans la partie Image, vous avez 2 Images à renseigner : Launch Image et Main Menu Icon

Avant de renseigner ces fichiers Images, il faut faire des screens de votre Thème, en version Anglaise
Les Screens vous seront utiles par la suite lors de la publication de votre Thème sur le Samsung Apps

a/ Faire vos Screens

Pour les screens, le plus simple est d'aller dans le dossier ThemeData de votre Theme
Aller dans le répertoire de votre Thème
Aller dans Poste de Travail ou Ordinateur, puis aller dans
>> C:\Program Files\Samsung\Samsung Theme Designer\MyProjects
> puis le nom de dossier de votre thème et ThemeData

Faites un dossier Screen sur votre Bureau par exemple et enregistrer vos screens dans ce dossiers

Pour les screens, il faut qu'il soient tous au format JPG
Dans le dossier ThemeData, il faut prendre :
> le fichier IdlePreview.jpg, qui est en 312x520, il vous faudra le redimensionner en 480x800
> les fichiers MainMenuPage01.png et MainMenuPage02.png que vous allez changer en JPG à l'aide d'un simple logiciel d'image, comme Paint. Ouvrez les fichiers en PNG, et dans Paint, faites Fichier > Enregistrer sous ... > dans la fenêtre qui apparaît, changer le Type et sélectionner JPEG. Pour le dossier d'enregistrement, indiquer le dossier Screen que vous avez créé sur votre Bureau, cela évitera de faire des erreurs de sur-enregistrement des fichiers ou de supprimer certains fichiers
> Pour le 4e screen, choisissez soit le fichier Submenu-Morepanel.png que vous allez changer en JPG de la même façon

Vous devez avoir ce genre de Screen :

Revenons à nos moutons et occupons nous des fichiers Launch Image et Main Menu Icon
Dans la partie Bada Export > Image dans STD, vous avez donc Main Menu Icon et Launch Image

Launch Image > Renseigner le fichier "IdlePreview.jpg" changé en 480x800 que vous avez enregistré dans votre dossier Screen

Main Menu Icon
La création de l'icone Main Menu est un peu plus compliqué
- L'icône doit être de dimension 100 pixels en largeur et 96 pixels en hauteur
- Il doit aussi contenir un pourtour, une bande intérieure, sur les cotés, qui doit être transparente. La bande doit être au minimum de 1 pixel
- Il doit être au format PNG
Si vous chargez un icône qui ne répond pas à ces critères, vous avez le message suivant :



Transparent boundary, c'est le pourtour de l'icône en transparent

Ma méthode pour faire un Main Menu Icon
J'utilise un icône du Thème, ou sinon vous pouvez utiliser un autre icône, qui représentera bien le thème. Si vous trouvez un icône en 128x128, réduisez le en 100x100
Pour le travail sur la Transparence, vous pouvez utiliser Photo Filtre mais pour ma part, j'utilise un petit logiciel simple et rapide, Photo Editor. Il vous permettra aussi d'enregistrer vos images dans un autre format.

Photo Editor > Vous pouvez le télécharge à cette adresse
>> http://samsungwave.free.fr/logiciel/Photo_Editor.exe <<
L'icone sera une disquette. Il faudra créer un dossier PhotoEd dans poste de Travail et dans sous la racine de C par exemple, ou dans C:/Program Files, vous créez donc un dossier PhotoEd, vous déplacer ce le fichier Photo_Editor.exe dans ce dossier et vous l'éxecuter pour le décompresser.
Quand vous l'aurez décompresser dans le dossier PhotoEd, il vous faudra faire un raccourci sur le bureau du fichier PhotoEd.exe, puis sur le bureau windows, vous renommez le raccourci en Photo Editor par exemple

Travail sur l'icône Main Menu Icon
Il vous faudra donc trouver un icône représentant votre thème, le réduire à 100x100, puis rogner 4 pixels en hauteur, 2 pixels en haut, 2 pixels en bas, ou selon votre icône, là ou il y a le plus de vide, afin que vous ayez une icône au format 100 en largeur et 96 en hauteur

Si votre image est au format JPG, on la renommera en PNG à la fin lors du passage avec la transparence

On va prendre l'exemple de cette image, que j'ai grossi en x2 pour que vous puissiez voir



Sur cette image, mon icône fait en réalité 100x96 (ici doublé, donc 200x192)

On va ouvrir cette image avec Paint ou Photo Filtre afin de faire une bande verte clair tout autour de l'icône, avec l'outil ligne. Vous pouvez mettre une ligne de 1 pixel, ça suffit
Pour mieux travailler, je vous conseille de zoomer sur l'image

Après travail, cela donne (j'ai grossi le trait pour mieux voir)


Vous enregistrez ensuite votre icône au format PNG (Le format PNG supporte la transparente tandis que le format JPG, Non)

Si vous utilisez Photo Filtre, utilisez le pour rendre la bande verte du pourtour transparente
Sinon, en utilisant Photo Editor > Lancer Photo Editor, ouvrez l'icône avec la bande verte, cliquer sur l'icône du stylo bleu en travers, à droite du soleil, puis sélectionner la couleur verte comme couleur transparente. Une fenêtre s'ouvrira, vous demandant "Change color to transparent" > En bas de cette fenêtre, vous avez un curseur "Color similarity" > Monter jusqu'a 3% puis cliquer sur OK

Ensuite, vous devez avoir une alternative de ligne blanche et grise, vous indiquant la transparence


Lorsque vous avez fini votre travail sur l'icône, enregistrez le au format PNG !
Nommez le par exemple, mainmenuicon.png
Cet icône servira lorsque votre thème sera publié dans le Samsung Apps
C'est l'icône qui représentera votre thème dans la liste des applications à télécharger dans la partie Thème sur le Samsung Apps

Revenez dans STD, et dans Bada Export > Images, renseignez le fichier mainmenuicon.png que vous venez de créer dans la partie Mainmenu Icon > Image Files...

Si vous n'avez pas fait d'erreur, vous ne devez pas voir d'avertissement et l'icône doit s'afficher dans la fenêtre du bas, à gauche de Launch Image

Enregistrer votre travail et votre Thème dans STD, cliquer sur le gros bouton rond en haut à gauche puis Save ou Save As

Enfin, Exporter votre thème dans STD (Export Theme) au format SMT (Ne pas cocher Bada Application)
Pour mieux travailler par la suite, je vous conseille de mettre le fichier SMT dans un dossier Theme sur le bureau de votre PC. Créer un Dossier Theme_Wave par exemple sur le bureau de votre PC et dans la partie Export Theme de STD, vous aurez le choix d'exporter votre thème dans un autre dossier (Bouton Search). Indiquer le dossier Theme_Wave sur le bureau de votre PC

Cliquer ensuite sur Export puis cocher "Yes, I read and agreed to the terms of service"
puis cliquer sur Confirm. Cliquer sur OK lorsqu'il aura fini
Vous aurez une fenêtre vous disant "Complete export, Open Export Folder ?"
Cliquer sur Oui si vous voulez ouvrir le dossier ou se trouve le fichier SMT qui vient d'être créé

2/ Fichier Manifest

La création du fichier Manifest est obligatoire pour publier toute création
C'est un fichier système qui renseigne toutes sortes d'informations
Dans STD, en bas dans Bada Export, vous aurez Manifest
Le fichier Manifest est souvent avec l'extension XML

Pour créer le fichier Manifest pour STD, il faut créer un compte sur le site Bada Developers

>> http://developer.bada.com/ <<

Cliquer sur Register Now en haut pour créer votre compte
Il vous faudra prendre la peine de remplir plein d'informations personnelles
Eviter les accents français dans le remplissage du Formulaire
First Name, c'est le prénom et Last Name, c'est le Nom de famille
Il faut une adresse valide pour le compte, cela sera votre Email ID (Email d'identification)
Toutes les informations demandées avec une astérisque rouge sont obligatoires

Lorsque votre compte est crée et activé, cliquez sur le lien login de la page d'accueil ou sur ce lien
>> http://developer.bada.com/member/loginForm.do <<

Connexion sur le site et Fichier Manifest
Après s'être connecté sur le site, vous aurez un message en haut "Welcome...." qui indiquera que vous êtes bien connecté. Vous pourrez à tout moment modifier votre profil en cliquant en haut sur Profile

Pour créer le fichier Manifest, il faut cliquer sur l'onglet à droite "My Applications"
Cliquez sur le gros bouton bleu à droite "Generate a New Application"

1/ 1ere partie : Input your application profile name
Il vous faudra entrer le nom de votre application / Theme, tel qu'il le sera pour le Samsung Apps
Les espaces ne sont pas accepté. Il faudra mettre un tiret ou un underscore (tiret du bas)
Ne pas mettre d'accent, tout texte doit être renseigné sans accent et en Anglais
Pour le nom du Thème, mettre par exemple : Theme_Summer (pour Thème de l'été)

Si le nom est valide, vous aurez un message de confirmation vous disant
Your Application Name, 'Theme_Summer' is valid for entry.
Would you like to register 'Theme_Summer' as your Application Name?
Cliquer sur Yes pour confirmer

2/ 2e partie : Input your application version
Il vous faudra renseigner la version de votre application / Theme
Le numéro de version se décompose de la manière suivante

You may enter a version number from 0.0.1 to 35.35.1295 only. ex) 35.35.1295
X : Major feature upgrade (0 ~ 35)
Y : Minor feature upgrade (0 ~ 35)
Z : build number or patch number (0 ~ 1295)

Pour une nouvelle version, taper 1.0.0
Si vous faites des modifications par la suite, il vous faudra revenir sur le site et mettre par exemple 1.0.1

3/ 3e partie : Describe your application
Il vous faudra faire une description de votre application / Theme en Anglais
Si vous ne savez pas trop parler l'anglais, vous avez des sites de traductions en ligne
Mettez une phrase simple, du genre, c'est un theme sur l'été avec de belles couleurs
En Anglais, cela donne "It's a Summer Theme with nice colors"

Lorsque vous avez fini de renseigner les 3 parties, cliquer en bas sur Generate
Si vous n'avez pas changé le numéro de la version, vous aurez une fenêtre qui apparaîtra et vous demandera " Would you like to set the version number to the default value of 1.0.0 ? "
>> Cliquez sur OK

Vous aurez ensuite une page vous disant que l' ID de votre application à été créé
Vous aurez une succession de lettres et de chiffres et vous aurez le texte
Your Application ID has been created.
Please proceed to complete the Application Profile by following
the wizard steps.
>> Cliquez sur Continue

1/ Choose Bada API Version
Permet de choisir la version sur lesquels votre application / Theme sera disponible
Pour la version 1.0 et 1.1 : Wave, Wave II, Wave 723, Wave 575, Wave 533, Wave 525
Pour la version 1.2 : Wave et Wave II
>> Pour un Thème, il faut toujours choisir la version 1.0
La version 1.2, c'est pour des applications qui ne fonctionnerait pas sous Bada 1.0
Cliquer ensuite sur Next

2/ Select API Group
API Groups that can be selected is provided according to your membership level(Basic/Partner). The selected privileged API Group will undergo an authentication process later on so select only the ones you really need
>> Cette partie permet de définir les fonctions auxquelles votre application fait appel
Par exemple, si vous créez une application qui a besoin d'internet, aller dans OSP::Web

Pour un Thème
Dans la section "Select API Group", j'avais choisi toutes les options par défaut
Il faut désélectionner tout, il faut cliquer sur chaque bouton Detail et sélectionner Clear All
Puis après, il faut sélectionner uniquement 2 options
>> Osp::Content::ContentManager >> cocher LOCAL_CONTENT
>> Osp::Media::Image >> cocher IMAGE

3/ Select your device(s) / Make your manifest.xml
Find bada target devices for your application. You can search the bada devices that have some specific system features you want
>> Pour un Thème crée pour Wave et Wave II, vous n'aurez pas de modifications à faire
>> Cliquer sur Finish

Vous arriverez sur une page qui aura compilé vos informations et qui aura créé le fichier Manifest
Copy manifest.xml file into root directory of your project and overwrite it.
> Download manifest.xml
Télécharger le fichier Manifest sur votre PC, il aura la forme d'une série de chiffre (date) puis le nom manifest. Exemple > 20110505_manifest.xml > créé le 05 Mai (05) 2011 soit 20110505

Le fichier Manifest est précieux. Enregistrer le dans le dossier ou se trouve votre Thème que vous avez créé !! Ne le perdez surtout pas !

Si vous allez ensuite sur My Applications sur le site, vous retrouverez dans la liste, l'application / Theme que vous avez défini. Vous pourrez y revenir pour télécharger le fichier Manifest en cliquant sur l'application et vous arriverez sur une page ou vous pourrez télécharger le fichier Manifest
Vous pourrez aussi modifier la version de votre fichier en cliquant sur Add version

3/ Fin de l'exportation du Thème au format Bada Application

Revenez à STD, à votre Thème

le fichier Manifest qui a été téléchargé comme par exemple : 20110505_manifest.xml, pourra être renommé en Manifest.xml. Effacez la série de chiffre au début et le tiret du bas
Attention ! Faire un dossier avec le nom de votre Thème et y mettre le fichier Manifest, et éviter de mettre le fichier Manifest dans un dossier trop général, car si vous le renommer en Manifest.xml, vous ne saurez plus à quel fichier appartient ce fichier

Dans STD, aller dans Bada Export en bas puis Manifest et indiquer le chemin sur votre PC ou se trouve le fichier Manifest que vous avez créé via le site Bada Developers

Vérifier bien que vous avez tout rempli, que les Images dans Bada Export sont là, que vous n'avez rien oublié dans les Icônes, dans la couleur du Thème, dans la texture, et aller dans Export Theme

Dans Export Theme, Cliquer sur Bada Application
Dans le dossier de destination, indiquer un dossier de travail sur le bureau de votre PC
Indiquer par exemple, un dossier avec le nom de votre Theme
Il faut indiquer la destination pour le fichier SMT et le fichier ZIP
Indiquer la destination du dossier avec le nom de votre Theme
> Cliquez ensuite sur Export
> Dans la fenêtre qui apparaît, cocher sur les 2 cases "Yes, I have read..." et sur le bouton Confirm

Quand le programme aura fini la compression des fichiers, il y aura marqué en bas dans la liste
Press OK button to leave this dialog > Cliquer sur OK
> Complete export, Open Export Folder ? Cliquer Oui si vous le souhaitez

Voilà, le travail avec STD est fini pour la création du Thème pour la publication sur le Samsung Apps
Dans votre dossier de travail, vous devez avoir les fichiers suivant :
- Manifest.xml
- Le nom de votre fichier avec l'extension SMT
- Le nom de votre fichier avec l'extension ZIP ou au format ZIP

Vous pouvez fermer STD

merci pour le tuto ! il m'a beaucoup aidé

j'ai un petit problème, dans bada export, il n'y a pas "images" pour faire l'icone qui sera vue sur samsung apps :/ Il n'y a que manifest.

(Je suis avec STD 2.0.2)

Coucou
J'ai expliqué comment faire l'image représentative du Thème
C'est vrai que cette option à disparu de STD 2 et je me demande pourquoi ils ne l'ont pas mise
Voici mon Tuto
http://www.fosamobi.com/t1864-tuto-creer-l-icone-representatif-du-theme#19056

Dans à peu près une heure,
mon thème palm trees sera en téléchargement gratuit sur samsung apps alors
merci beaucoup pour tous tes excellents tutos qui m'ont grandement aidé !

édité: Bon plutôt dans 1 semaine le temps qu'ils vérifient mon thème > <