Blog de geek...
Ceci est mon blog "geek" qui parle de trucs techniques, de développement, de web, de bases de données... mais je n'écris plus tellement sur ces sujets en français.
Ceci dit, vous pouvez toujours aller consulter mon dev blog en anglais ![]()
Pages: 1 2 3 4 5 6 7 8 9 10 11 ... 55 >>
18.11.09
Design web: étape par étape
Parfois, ça fait du bien de récapituler... ![]()
| Etape | Ce qui est fait | Ce qui est livré | Par qui? |
|---|---|---|---|
| Conception | Le concepteur propose un concept, une structure générale pour le site, y compris une arborescence de navigation. Il est particulièrement important de connaître le nombre de niveaux d'arborescence avant de commencer le design des menus de navigation! | Croquis, schémas, organigrame | Client / SEO / Interaction designer / DA |
| Design graphique | Un graphiste propose un ou plusieurs styles graphiques en tenant comptes des contraintes exprimées à l'étape précédente. | Fichier image "à plat" pour validation client | DA / Graphiste |
| Maquette | Un graphiste finalise un design graphique ("pixel perfect") qui correspond au pixel près à ce que le site donnera dans un navigateur web typique. | Fichier PSD calé au pixel près, calques séparés | Graphiste |
| Découpage |
Le fichier PSD est découpé en images indépendantes, soit par zones, soit par calques ou encore une combinaison des deux, envue de l'étape d'intégration. |
Plusieurs fichiers PNG, GIF et/ou JPG | Graphiste / Intégrateur |
| Intégration | Une page HTML statique est crée avec des contenus d'exemple "lorem ipsum", les éléments graphiques sont positionnés et tous les styles sont appliqués par CSS. Les rollovers sont gérés dans le fichier CSS. On obtient une page HTML qui, une fois ouverte dans un navigateur, ressemble en tous points à la Maquette d'origine. Les rollovers fonctionnent. |
Page HTML ou XHTML statique, accompagnée d'une feuille de style CSS et d'images PNG, GIF ou CSS. | Graphiste / Intégrateur / SEO |
| Dévelopement client side | Un dévelopeur rajoute les éléments javascripts dynamiques tels que menus déroulants, onglets montrant des contenus interactifs, animations, et autres "gadgets" potentiels. | Même page HTML que précédemment augmentée d'un fichier Javascript (.js) | Développeur client side / Interaction designer / SEO |
| Dévelopement server side | Un développeur réalise l'interfaçage avec la base de données, par exemple en PHP. Les contenus "lorem ipsum" sont remplacés par de vrais contenus en temps réel. Les champs de recherche permettent de lancer des recherches. C'est également à cette étape que sont rajoutés les interfaces AJAX telles que: suggestions de recherche d'après les premiers caractères tapés... | Le fichier .html devient un fichier .php . Pour le voir fonctionner il faut le placer sur un serveur web. | Développeur sever side / Développeur client side / Interaction designer / SEO |
28.09.09
14.07.09
Cartes mémoire: standardisation autour des cartes SD?
Il y a beaucoup trop de formats de cartes mémoire!
En quelques années j'ai personnellement accumulé des cartes Compact Flash, des cartes SD et des Memory Sticks... et ça c'est sans compter les clefs USB! Et évidemment aucune n'est compatible avec aucune autre! Et encore... j'ai échappé à pire! Il suffit d'un coup d'oeil sur une boutique en ligne de cartes mémoire pour se rendre compte de la pléthore de formats en circulation: Micro SD, Mini SD, Pro Duo, Micro M2, XD, etc... !
Alors, vous trouvez peut être que c'est pas grave parce qu'on a des ordinateurs avec des lecteurs "18 en 1" (c'est-à-dire très moches et truffés de trous de formes diverses et variées) mais en réalité, en général on utilise ces cartes dans des appareils nomades (appareils photos, camescopes, téléphones, GPS, etc.) et quand une carte est pleine, par exemple, et qu'on voudrait continuer à prendre des photos, qu'est-ce qu'on fait?
- Première solution: on décharge la carte sur son ordinateur portable... ah mince... pas de lecteur "18-en-1" ce coup-ci! Dommage!
- Deuxième solution: on prend une carte dans un autre appareil sur laquelle il restait de la place et on la glisse dans l'appareil photo... pour peu que ce soit le même format de cartes!
Je me suis fait avoir une fois de trop lors d'un récent voyage. Du coup j'ai décidé de standardiser! Je n'utilise désormais plus que des appareils utilisant le format SD/SDHC! Personnellement je fais le pari que ce format est celui qui survivra à tous les autres!
En fait, je me base sur 3 constatations pour déclarer le format SD comme standard universel de la carte mémoire:
- Mon premier appareil photo Nikon utilisait des CompactFlash. Maintenant Nikon sort des appareils stockant sur cartes SDHC. (Le D5000 par exemple)
- Mon dernier portable Sony VAIO (TZ): en plus du format propriétaire Sony (Memory Stick), il était équipé d'un lecteur compact Flash.
- Apple, sur sa dernière gamme de laptops, a remplacé le port d'extension XpressCard par un simple lecteur SDHC, faisant eux aussi le pari que tout autre lecteur/format était sur le point de devenir marginal.
Parfois j'entends dire que les CompactFlash sont plus rapides (ce qui serait utile pour les appareils photo pro avec des très gros fichiers RAW), mais sur le long terme, je n'y crois pas trop...
20.03.07
You're reading the wrong blog/feed!
Dear English readers,
You are not really reading the wrong blog! ![]()
I just wanted to get your attention an let you know that I'm no longer posting any English contents on this blog.
If you'd like to, you can find my English rants and ramblings other here:
(You'll find a main blog, sub-blogs and the whole RSS/Atom enchilada as you'd expect. It's all over there!)
Chers lecteurs français,
Ne changez rien! Je continue à écrire en français ici! ![]()
Mais si vous lisez aussi l'anglais, vous pouvez également aller jeter un oeil sur mon site anglais. http://fplanque.com/
J'écris soit d'un côté soit de l'autre, selon mon humeur. Mais j'écris rarement la même chose des deux côtés... ![]()
30.01.07
Mac/PC divergences de couleur...
En quête de couleur
Sur mon bureau il y a 3 écrans plats (SONY SM-S95DR) rigoureusement identiques. Les réglages sont identiques et les numéros de série se suivent, ce qui permet également de présumer raisonnablement de composants électroniques “identiques". En temps normal, les 3 écrans sont reliés numériquement (DVI-D) à mon PC et affichent rigoureusement les mêmes couleurs.
Le problème du jour: éditer des images sur Photoshop (CS2) sur Mac et obtenir les mêmes couleurs à l’arrivée sur PC dans un browser web… Ben c’est pas simple!! ![]()
Je commence par brancher mon Mac (OS X 10.4.8 Tiger) en DVI sur l’écran du milieu et je laisse le PC sur les écrans des côtés. J’affiche le même fond d’écran et la même image PNG de test – sous ACDSee sur PC et Preview (la Visionneuse) sur Mac. Et bien sûr… rien n’est pareil! ![]()
Calibration
Je clique dans tous les sens et je fini par trouver une solution à peu près satisfaisante: sur le Mac, je vais dans les Préférences Système puis Moniteurs puis Couleur. Un profil nommé “SDM-S95DR/FR” et correspondant à mon moniteur est présélectionné. (Je me demande d’où vient ce profil? Est-ce qu’il est intégré à OS X ou bien est-ce que c’est le moniteur qui a envoyé ses valeurs par DVI au Mac. Je table sur la deuxième solution parce que ça ressemble plus à de la science fiction mais en réalité je n’en sais rien…)

