[Projet][Icônes]Dossiers et raccourcis de dossiers

Projet : Dossiers et raccourcis de dossiers avec icônes

Projet collaboratif - avis aux graphistes, svp !


1 - Contenu du projet :

- Documents et sous-dossiers reportés sur la carte micro SD

- Registre modifié en conséquence

- Raccourcis directs pour le menu Démarrer (*)

- Rangement de tous les raccourcis dans un nouveau dossier "Dossiers" du menu Démarrer de Windows mobile, comportant à son son tour un sous-dossier "système"

- Raccourcis pour quicklinks sur la page d'accueil

- Icônes de dossiers et de raccourcis de dossiers personnalisés selon leur nature


(*) Les raccourcis vers les dossiers de documents utilisent l'Explorateur de Fichiers Microsoft (il peut être configuré pour afficher des grandes icônes, masquer les fichiers cachés ou système, etc. tandis que Total Commander (ou Resco Explorer, ou autre) servira à l'exploration complète. Il est complété par une extension qui permet d'afficher l'extension, la date, la taille, etc., avec des colonnes redimensionnables et un scrolling dans les deux dimensions.


2 - Liste des dossiers et de leurs raccourcis (peut encore être complétée) :

Dans le dossier "Dossiers" (\Windows\Menu Démarrer\Programmes\Dossiers) :

- Carte de stockage (raccourci vers "\Carte Stockage")
- Documents (raccourci vers "\Carte Stockage\Mes documents")
- Personnel (raccourci vers "\Carte Stockage\Mes documents\Personnel")
- Professionnel (raccourci vers "\Carte Stockage\Mes documents\Professionnel")
- Photos (raccourci vers "\Carte Stockage\DCIM\100MEDIA")
- Images (raccourci vers "\Carte Stockage\Mes documents\Mes images")
- Films (raccourci vers "\Carte Stockage\VIDEO")
- Vidéos (raccourci vers "\Carte Stockage\Mes documents\Mes vidéos")
- Musique (raccourci vers "\Carte Stockage\MUSIC")
- Fonds d'écran (raccourci vers "\Carte Stockage\Wallpapers")
- Installation (raccourci vers "\Carte Stockage\Install")
- Programmes internes (raccourci vers "\Program Files")
- Programmes externes (raccourci vers "\Carte Stockage\Program Files")
- Livres (raccourci vers "\Carte Stockage\eBooks")
- Thèmes (raccourci vers "\Carte Stockage\Themes")
- Copies d'écran (raccourci vers "\ShakeAndASave")

Dans le sous-dossier "Système" (\Windows\Menu Démarrer\Programmes\Dossiers\Système) :

- Menu Démarrer (raccourci vers "\Windows\Menu Démarrer")
- Démarrage (raccourci vers "\Windows\Démarrage")
- Application Data interne (raccourci vers "\Application Data")
- Application Data externe (raccourci vers "\Carte Stockage\Application Data")
- Cache HTC Manila (raccourci vers "\Application Data\HTC\Proglauncher")
- Index HTC Musique (raccourci vers "\Application Data\HTC\AudioManager_Eng")
- Opera 9 (raccourci vers "\Windows\Opera9")

Le rôle de ces raccourcis est de faciliter l'accès aux principaux dossiers système pour ranger les raccourcis / configurer Opera / effacer les caches, etc. Notamment, sans transiter par le dossier \Windows, qui rame atrocement sur le HD !

NOTES :

- A l'évidence, certaines ROM vont avoir des noms traduits en français et d'autres non, ce qui va obliger à produire plusieurs versions.

Il faudra en particulier être conscient qu'il est parfaitement possible de rediriger en toutes circonstances "\My Documents" vers "\Carte Stockage\Mes documents" via le registre, mais qu'en revanche, lorsqu'on installe une application sur la carte Micro SD, elle ira toujours se mettre dans "Program Files" si ça s'appelle comme ça sur la mémoire centrale... Le pire étant que si c'est un jeu prévu pour aller se loger dans "\Program Files\Games", il peut tout à fait se retrouver dans "\Carte Stockage\Program Files\Jeux", et le raccourci aboutir dans un nouveau dossier "Jeux", sans icône, dans le menu Démarrer, alors qu'il n'existait pas auparavant parce que dans votre ROM, il s'apelle "Games" !

La vie est décidément compliquée...

- L'installation d'un thème Windows Mobile via les paramètres de l'accueil nécessite habituellement que les fichiers soient placés dans un dossier "Themes" à la racine soit de la mémoire principale, soit de la carte mémoire.

- Lorsque les documents sont en nombre important, j'ai tendance à les sortir de "Mes documents" pour ne pas les alourdir.

C'est ce qui explique les redondance apparentes (films/Vidéos, photos/images/fonds d'écran, etc.) qui reflètent en fait une subdivision "gros ou très nombreux fichiers" et "petits documents occasionnels".

Ces dossiers spéciaux sont placés directement à la racine de la carte micro SD, à la fois pour un accès direct et rapide, et aussi et surtout, pour faciliter la sauvegarde du seul dossier "\Mes documents" en cas de besoin. C'est finalement le dossier "DCIM" qui a servi de modèle.

En dehors de ces exceptions, le dossier "\Carte Stockage\Mes documents" est organisé comme son pendant sur la mémoire principal, sauf qu'il peut rester 100% en français, vu qu'on définit les correspondances dans le registre pour en modifier l'emplacement, alors tant qu'à faire, le nom peut suivre...

Et vous, que pensez-vous de ce choix de gros dossiers spécialisés ?

La détermination définitive de ce choix n'est pas anodine, parce que par exemple, concernant les eBooks, le chemin complet doit être saisi dans la base de données, pour chaque bouquin. Après quoi, plus question de devoir renommer la carte SD, ni de déplacer le dossier contenant le eBooks ! Ou alors, il va falloir faire chauffer les requêtes SQL...


3 - Icônes de dossiers :


3.1 - Structure :

Chaque icône de dossier est produite en 5 exemplaires, toutes au format .PNG, couleurs sur 32 bits par pixel avec canal alpha pour la transparence :

- 128x128 pixels pour le menu Démarrer de Windows Mobile

- 90x90 pour les quicklinks

- 64x64, 48x48 et 32x32, regroupées au sein d'un même fichier .ico, puis toute la collection d'icônes à son tour regroupée dans une unique DLL, pour les raccourcis et les dossiers visibles dans les explorateurs de fichiers.


3.2 - Thème :


3.2.1 - Choix pour le départ du projet :

Le thème choisi pour démarrer le projet est issu des ROM Energy type... "Energy"... C'est à dire noir glossy, 3D semi-transparente, sans fond (ou sur fond 100% transparent, en fait).

Raisons de ce choix :

- C'est beau !

- Elles conviennent à tous les thèmes, sauf GTX, mais une fois tout le projet finalisé, on pourra ensuite faire d'autres thèmes, la structure ayant été fixée (filez-moi toutes vos icônes, je me charge des ICO, DLL et CAB)

- Les personnes qui aiment les icônes sur un fond carré à la iPhone peuvent facilement les copier-coller sur le fond de leur choix, alors que tenter de détourer et d'extraire les icônes collées sur un fond non transparent est une galère pas possible !!!

Il est donc plus intelligent de travailler sur des icônes sans aucun fond, puisque c'est la seule disposition qui soit universelle. Et puis moi, j'aime beaucoup voir mes icônes "flotter" sur un fond d'écran visible au maximum (j'affectionne aussi les barres et boutons transparents).


3.2.2 - Rendons César ce qui appartient à... MediaDesign :

En creusant un peu, il s'avère qu'NRGZ a en fait "emprunté" le set d'icônes "Valkyrie 2A" de Firestorm ici http://forum.xda-developers.com/showthread.php?t=646967

Sauf qu'en creusant plus loin, on aboutit finalement au véritable auteur de cet ensemble d'icônes libres de droits : http://www.softicons.com/free-icons/system-icons/hydropro-icons-by-mediadesign


3.3 - Catégories d'icônes :

Si vous avez jeté un oeil aux liens ci-dessus, vous avez dû constater une différence fondamentale entre les icônes de Firestorm (avec un logo posé sur le côté gauche du dossier ouvert) et celles du set HydroPro original (avec un logo glissé dans le dossier ouvert).

Le seul point commun est en définitive le design du dossier lui-même.

Mais en fait, c'est une très bonne chose, parce qu'il va nous permettre de distinguer deux catégories de dossiers :

- Ceux qui contiennent d'autres dossiers, raccourcis, programmes, outils... Qui seront symbolisés par des icônes "style Firestorm" ;

- Ceux qui contiennent de purs documents : textes, images, sons, films, etc. Qui seront symbolisés par des icônes "style HydroPro".


4 - Travaux graphiques à effectuer :


4.1 - Etat des lieux

Voici le set complet que j'ai reconstitué et que j'utilise actuellement sur mes appareils :

http://www.mediafire.com/file/f6ymx5wuswb6s3a/Icones_dossiers.zip

On y trouve :

- Toutes les icônes Firestorm

- L'icône "HTC" qu'NRGZ28 a ajouté à la série

- Toutes les icônes HydrPro (seulement celles concernant les dossiers de documents, évidemment)

J'en suis actuellement à 19 icônes.


4.2 - Modifications à effectuer :

- Par rapport à notre référence qui est le dossier HydroPro vierge, les icônes Firestorm sont décalées vers le haut et la gauche, et un léger effet d'ombre leur a été ajouté.

Cette disposition va devenir notre nouvelle référence.

Il faut donc :

- Modifier toutes les images issues du set HydroPro pour leur ajouter ce décalage, et leur ajouter une ombre.

- Conserver en plus une icône "blank_folder" ("dossier vierge") décalée mais sans ombre, car nous allons devoir créer de nouvelles icônes sur le même modèle, en ajoutant un logo à gauche, puis l'ombre sera ajoutée à la fin.

- J'aimerais pouvoir colorer la note de musique de l'icône "music_folder" ("dossier de musique"), parce qu'en blanc comme ça, elle ne se détache pas assez, et l'icône est même assez sinistre (le noir, c'est beau, mais un poil mortel )


4.3 - Nouvelles icônes à créer :

- J'ai complètement omis de créer les 90x90 pour les quicklinks ; du coup, ils chopent les 64x64 des raccourcis, mais ça pixellise, et c'est pas beau. Ca serait bien de créer des icônes 90x90 pour les quicklinks, en partant des 128x128 (qu'on garde aussi, hein, pas de blagues) et en les réduisant, par exemple.

- J'ai réutilisé la même icône pour de nombreux dossiers, faute d'avoir assez de choix. il faudrait en refaire quelques unes, notamment de type "logo dans le dossier", comme les dossiers de documents, de musique, d'images, etc.

Notamment, pour les dossiers de type "dossiers de documents" :

. eBooks
. Copies d'écran (pas facile à modéliser, ça... D'ailleurs, d'une manière générale, j'aimerais avoir un belle icône ShakeAndSave, parce que l'espèce de rectange dans un carré, blanc sur fond noir, ne ressemble à rien ! Et on pourrait l'utiliser pour la place dans l'icône du dossier)
. Fonds d'écran
. Peut-être une icône "Images" distincte de l'icône actuelle plutôt typée "Photo" ?
. Idem pour une icône "Vidéos" distincte de l'icône actuelle plutôt typée "Films"...
. Thèmes

Et pour les dossiers "généraux" (avec icône sur la gauche, à l'extérieur) :

. Carte de stockage (Très important ! Et pas réussi à trouver une jolie icône de carte Micro SD ! Et puis à détourer, réduire, intégrer et ajouter l'ombre, c'est du boulot ! J'en étais à hésiter à prendre carrément l'icône "Disque dur" HydroPro...)
. Installation (pas trop satisfait des choix actuellement disponibles)
. Utilitaires
. Accessoires

Bien entendu, la liste n'est pas exhaustive : si vous avez des idées...


4.4 - Récapitulatif des travaux à effectuer :

- Décaler les icônes "HydroPro" qui ne sont pas alignées sur les icônes "Firestorm"

- Conserver une icône "blank_folder" décalée mais sans ombre, comme modèle pour créer les futures icônes supplémentaires (lui donner un nom différent)

- Ajouter une ombre à toutes celles qui n'en ont pas, "blank_folder" compris (celle qui va être utilisée telle quelle, pas le modèle)

- Colorer l'icône "music_folder"

Bien entendu, il faut faire le boulot sur les 128x128 seulement, puis les réduire après pour remplir les dossiers 64x64, 48x48 et 32x32.

- Dans un dossier "90x90", déposer tout le set d'icônes réduite à cette taille, en plus des 4 autres existantes

- Créer les icônes manquantes, en 5 tailles (on part du modèle de dossier 128x128, on ajoute le logo, une ombre, on stocke le résultat dans le dossier 128x128, puis dans les autres dossiers, après réductions successives : 90x90, 64x64, 48x48, 32x32)

Les logos à ajouter aux icônes de dossiers pourraient aussi avoir un intérêt en soi en temps qu'icônes de programmes, donc tant qu'à faire, une version 128x128 et une version 90x90 des icônes seules, pleine taille et sans dossier, seraient bien aussi, svp !


Déjà de quoi s'occuper le soir à la veillée, n'est-ce pas ?

De mon côté, je vais peaufiner le CAB (notamment pour créer automatiquement les dossiers sur la carte micro SD, ce qui ne peut se faire qu'en y stockant au moins un fichier - autrement dit, j'ai besoin d'icônes ! - et réalisant les versions "full FR" et "WWE") et poster les liens ici, pour que vous puissiez tester et juger de l'effet obtenu.

Donc sur la Dragon qui une rom full fr, les dossiers racines sont:

Application Data
ConnMgr
Documents and Settings
My Documents
Program Files
Temp
Windows

Te faut-il aussi le détail du dossier Windows?

Toutes les informations sont bonnes à prendre pour me permettre de vous produire un CAB qui marchera sur vos ROM, merci !

Y a-t-il des ROM sur lesquelles les dossiers racines seraient en français ? Apparemment, il semble que non.

Désirez-vous que les dossiers correspondants sur la carte micro SD soient en français ou en anglais ? Ca peut être une question de compatibilité, mais a priori, le risque est minime puisque par défaut, tout pointe vers la mémoire interne, à seulement 3 exceptions près : Application Data, DCIM et Program Files.



NOTE : Tout compte fait, inutile de se compliquer l'existence avec des icônes 90x90 pour les quicklinks.

Les icones 128x128 destinées au menu Démarrer se redimensionnent toutes seules et conviennent très bien.

Restons-en sur 4 tailles différentes : c'est déjà pas mal comme ça (et déjà pas mal de boulot) !

Pour ma rom pyrana, le nom de la carte est : Carte de stockage, sinon, comme la dragons, les mêmes noms de dossier...

Je te fais une collection complète, je reprends à zéro et t'envoie le tout une fois terminé, par-contre pas compris pourquoi tu veux comme référence:


si je te fais le lot complet, je te le fais en remplacement de ceux-ci et plus besoin de décaler, non ?

Bon, j'attaque

@plus !



avec effet ombre :

Pour ne pas devoir tout refaire, j'ai quand même décalé les icônes HydroPro, mais j'ai tout refais ta collection, car il y avait des dossiers avec une image à l'extérieur du dossier, et d'autres avec l'image à l'intérieur du dossier, j'ai donc tout mis à l'intérieur, tu me diras si çà te plaît ?





pour la couleur sur 32 bits par pixel, c'est ok, le PNG aussi, mais le canal alpha ? comment je vois si je suis bien en canal alpha ? Bon en PNG la transparence est là, mais je ne sais pas où aller pour chercher ce canal alpha

bon, il se fait tard, faut que j'aille vite au lit, bye !

Bonjour,

Ensuite on a l'a possibilité de mettre un peu de couleur pour les dossier si tu veux ?



Petite proposition pour ceux qui aiment la couleur



Avec un effet reflet:



En plus de l'effet reflet, mise en place d'ombre:

En fait, le canal alpha ressort quand on décompose l'image en BMP : il y a un masque qui contient les informations de transparence.

D'ailleurs, comme le montre ton exemple, le "rabat" avant du dossier est semi-transparent.

Bien, alors tes exemples sont esthétiquement très réussis, donc je pense qu'on va y arriver...

Quelques remarque, si tu permets :

1) Effectivement, les icônes existantes dans les ROM Energy diffèrent des Hydro Pro par le fait que le logo est situé sur le côté, à l'extérieur du dossier.

En fait, ça m'arrange : comme je l'avais expliqué plus haut, je trouve intéressant de conserver les deux styles : le style Energy/Firestorm pour les dossiers d'applications, et les style Hydro Pro (avec les documents à l'intérieur du dossier) pour les dossiers de fichiers.

C'est pour ça que j'avais énuméré les icônes manquantes en deux groupes distincts.

2) Par ailleurs, ton icône "micro-SD" est magnifique, mais elle appelle deux remarques :

- Un coin de la carte micro SD "traverse" le bas du dossier, ce qui rend le tout peu réaliste

- Comme à l'évidence, il ne s'agit pas d'un "dossier plein de cartes micro SD", mais d'un "dossier de type micro SD", il faut à l'évidence qu'il entre dans la catégorie "avec icônes sur le côté" et non pas "avec icônes dans le dossier"...

Est-ce que maintenant, tu saisis l'importance de ces deux catégories distinctes, et ce qui les différencie ?

3) L'exemple "HTC" est intéressant aussi, puisqu'il mixe les deux principes.

Je ne suis pas trop sûr de retenir cette solution ; il faut voir en taille réelle si ça ne fait pas trop fouillis...

Mais ce qui est sûr, c'est que la solution retenue par NRGZ28 consistant à écrire le texte / dessiner l'icône latérale à l'horizontale et non pas penchée comme sur l'exemple, est manifestement de très loin préférable.



En pratique, j'ai l'intention de laisser intactes les icônes qui préexistent dans les ROM Energy, et de venir les compléter avec toutes celles qui manquent, mais en en respectant le style.

Par conséquence, on va bien garder ce style pour les dossiers du menu Démarrer et la carte mémoire, et utiliser le style Hydro Pro (avec documents à l'intérieur du dossier) pour les dossiers de stockages de documents, avec un icône qui symbolisera la nature du contenu.

La carte micro SD étant un contenant et pas un contenu, il faut qu'elle appartienne à la première catégorie.

Merci pour tes efforts et suggestions de toutes façons. Je n'ai pas trop eu le temps de répondre plus tôt, et je m'en excuse. Continue à proposer tes idées, stp...

Ah, on vient de se croiser... ^^

- J'aime beaucoup ton icône multimédia, mais pour coller au style demandé, il faut soit placer le haut-parleur "à l'intérieur", vu en semi-transparence, soit à l'extérieur comme ça, mais plus en bas à gauche, et orienté comme les autres icônes Firestorm / Energy.

- En pratique le format "mixte" (intérieur + extérieur) n'est pas forcément souhaitable dans la mesure où la distinction voulue n'est pas marquée. On peut se les garder sous le coude, mais je ne pense pas utiliser ce style dans l'immédiat.

- Par contre, sans le haut-parleur, tu tiens une excellente icône "films" ou "cinéma", beaucoup plus agréable et colorée que les deux séries qui ont servi de base : franchement, je l'adopterais volontiers !

- Les autres séries vues de face me semblent parfaites pour lancer un nouveau thème, ou pour un thème GTX.



Ce que je souhaiterais, c'est qu'on finalise le thème "Energy" avec le style demandé initialement.

Par la suite, il nous faudra le même nombre d'icônes avec exactement les mêmes noms, et je pourrai les intégrer dans un CAB totalement interchangeable avec le premier, pour ceux qui veulent changer d'apparence.

Mais il ne faut pas nous éparpiller, sinon on n'arrivera à rien. Finissons déjà avec le style original, ce qui nous permettra de fixer le nombre et le nom des icônes.

A partir de là, je pourrai construire la DLL, et finalement, le CAB.

Ce n'est qu'une fois ce que travail sera fait qu'on pourra s'amuser à produire des thèmes différents...

Bien tout relu, normalement ce que j'ai fais devrait être bon, et pour les images ci-dessous, les icônes n’apparaissent pas toutes, je les fais au fur et à mesure...

@plus !

Dernière édition par dgarcia57 le Dim 8 Mai 2011 - 21:56, édité 1 fois

Donc, voilà le résultat pour les Firestorm



Le reste arrive !

Pour les HydroPro en voici quelques unes aussi

Ah ouaiiiis !

Là, ça claque !

Dis voir, l'aperçu pixellise trop pour en être sûr, mais as-tu ajouté la légère ombre comme sur les icônes existantes dans les ROM Energy ?

Par contre, on ne va peut-être pas avoir besoin de la totalité des types d'images et de vidéos : en général, on les stocke en vrac dans le même dossier (enfin, c'est à voir avec la quantité, remarque : du coup, ça peut toujours servir pour des sous-dossiers).

Oui, on tient le bon bout, là : la variété proposée va même orienter mon choix d'organisation des dossiers...

OK, j'ai réussi à ouvrir directement le menu Dossiers de mon menu Démarrer grâce à MortScript, et ce, avec la présentation du menu "nid d'abeilles", bien sûr !

Evidemment, ceux qui auront opté pour un menu Démarrer alternatif s'en foutront, et je fournirai un quicklink adapté à chaque cas.

Mais sinon, cette méthode permet de bénéficier du maximum d'esthétique, avec les grandes icônes 128x128, un régal !

Appeler un dossier quelconque du menu Démarrer par un quicklink permet désormais d'avoir la même présentation que par le menu Démarrer, sauf qu'on y accède immédiatement (c'est le but et la raison d'être des quicklinks).

Il y a toutefois un léger temps d'arrêt, nécessaire à l'ouverture du menu, sans quoi les commandes ne partent pas dans la bonne fenêtre, mais j'ai pu employer la fonction de MortScript qui attend qu'une fenêtre donnée soit active, ce qui réduit ce délai au strict minimum.

Ensuite de quoi, c'est bestial : une rafale de flèches suivies d'un retour chariot, et hop, le dossier voulu s'ouvre !

Primitif, mais efficace. J'ai fait mes essais avec des valeurs en dur (3 flèches vers le bas actuellement sur mon HD2) mais il ne me reste plus qu'à calculer la position de la fenêtre grâce à son n° dans le registre, et le script deviendra totalement indépendant de la position réelle de l'icône dans le menu Démarrer...

L'analyse du registre se fera d'ailleurs entre la demande d'ouverture du menu Démarrer avec SendWin et le temps d'activation de la fenêtre (autour de 700 millisecondes : au dessous, les flèches se perdent dans la nature ! ), ce qui fait que lorsque la commande WaitForActive sera exécutée, la fenêtre devrait être quasiment prête... Ainsi, j'éviterai d'ajouter un délai supplémentaire, qui aurait pu être perceptible si j'avais lancé cette analyse avant SendWin ou après WaitForActive... Vu qu'il y a un temps mort impossible à réduire, autant le mettre à profit pour analyser le registre et faire des calculs !

Ce temps mort sera sûrement encore plus important sur le HD que sur le HD2, mais grâce à la fonction WaitForActive, on s'en fout, alors que si j'avais utilisé la fonction Sleep comme la plupart des gens, las résultats auraient été aléatoires selon la vitesse de la machine, et même celle de telle ou telle ROM. Concernant les flèches et la touche "Entrée", en revanche, aucune pause n'est nécessaire, ce qui fait que l'ouverture du dossier est instantannée. On a seulement le temps de voir le menu Démarrer s'ouvrir, puis c'est directement le dossier cible.

Il y a cependant un petit problème : pour attendre l'activation de la fenêtre, il me fallait son nom... Et il s'est avéré qu'elle s'appelle "Démarrer". Ce qui signifie que son nom va varier selon la langue de la ROM. Pour les utilisateurs de ROMs WWE, il va falloir que je fasse une version distincte... Idem pour d'autres langues. A moins que je ne trouve quelque part dans le registre une clé qui définisse le nom de ce processus selon la langue...

Je vais chercher, on ne sait jamais. Mais quand j'ai voulu savoir comment déterminer si le dossier cible des jeux devait s'appeler "Games" ou "Jeux", je n'ai rien trouvé dans le registre. La traduction des codes %CEn% est apparemment déterminés dans le noyau de Windows, ce qui fait que je n'ai aucun contrôle dessus, ni aucun moyen de le savoir à l'avance, donc aucun moyen de réaliser des CAB, programmes ou raccourcis universels pour toutes les langues. Dommage...