En Fr
Web/database development and more...

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 En

Pages: 1 2 3 4 5 6 7 8 9 10 11 ... 55 >>

18.11.09

French (FR) Design web: étape par étape

Permalien 19:20:09, par Francois PLANQUE Email , Catégories: Web Dev

Parfois, ça fait du bien de récapituler... ;)

EtapeCe qui est faitCe 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.
Diverses icônes sont rassemblées en un seul fichier pour l'optimisation des temps de chargement (techniques des "sprites"). Ce fichier inclue également les versions "roll over" des icônes ou boutons.

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

French (FR) Tous ces trucs qui démarrent automatiquement dans Windows...

Permalien 19:26:52, par Francois PLANQUE Email , Catégories: Windows stuff
msconfig.exe
msconfig.exe

Pour voir la liste de toutes les saloperies qui démarrent automatiquement et ralentissent Windows: Démarrer > Executer > msconfig.exe

14.07.09

French (FR) Cartes mémoire: standardisation autour des cartes SD?

Permalien 18:30:44, par Francois PLANQUE Email , Catégories: Multimedia

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?

  1. Première solution: on décharge la carte sur son ordinateur portable... ah mince... pas de lecteur "18-en-1" ce coup-ci! Dommage!
  2. 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

English (EU) 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:

http://fplanque.com/

(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

French (FR) Mac/PC divergences de couleur...

Permalien 14:13:58, par Francois PLANQUE Email , Catégories: Web Dev, Windows stuff, Mac stuff

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…)

Lire la suite »

Pages: 1 2 3 4 5 6 7 8 9 10 11 ... 55 >>