Skip navigation.

Welcome chez moi !

L'histoire d'une vie d'entrepreneur / développeur Web Multimédia

Posts tagged with "ressource"

Site de référence pour les webdesigner smashingmagazine.com

, , , ...

Chers amis, ce site est, sans nul doute, l'un de ceux que tout bon webdesigner qui se respecte doit ajouter à ses favoris.
C'est en effet une mine d'infos et d'exemple en matière de design de site web, mais également design objet et print.

Sans compter également qu'il référence un bon nombre de ressources à télécharger libres de droits (icones, images, ...).

Grâce à ce site, vous pourrez facilement vous tenir informer sur "l'état de l'art" de...heu... de l'art.

BomChicka WahWah : une communication web réussie (www.lemrf.com)

, , , ...


AXE a lancé il y a quelques temps une campagne publicitaire autour de la nouvelle gamme de ses déodorants.
A l'occasion de ce lancement, l'équipe publicitaire a mis en place le site du MRF (Mouvement pour le Réchauffement de la Femme).
Ce mini site publicitaire est très réussi puisqu'il permet de fidéliser les internautes et de les attirer sur les produits de la marque. Cet un excellent complément au média TV, peu cher à mettre en oeuvre et permettant la mise en place de jeux promotionnels.

Le site est réalisé en "full flash", ce qui est malheureusement un peu le point noir de ce projet car ce dernier est très riche en son, images et vidéos, ce qui rend chaque scène assez lentes à charger, même en haut débit.
Malgré que le concept soit réussi et cadre parfaitement avec la cible 15-25 ans, le contenu peut paraitre peu attractif. Il y a beaucoup de "fun", cependant, tant qu'à succomber à un concept publicitaire comme celui-ci, il aurait mieux valu utiliser plus de finesse.
En effet, certains "gags" sont un peu lourds et, après avoir patienté un (long) moment sur chaque scène, on a un léger goût de déception en bouche: le "rich média" ne fait donc pas forcément le succès d'un site.

Il est évident que le concept du "Bom chika WahWah" est un succès et reste bien dans les mémoires mais la communication web aurait value d'être davantage étudiée afin de ne pas donner cette impression d'inachevée.

On notera cependant l'excellente prestation technique réalisée avec un (gros) bémol pour le poids des animations... Certaines scène du QG dans lequel on se balade aurait pu se passer de vidéo, une simple animation sonorisée suffisant amplement.

Cependant, le concept publicitaire et le slogan du MRF reste un modèle du genre.
Une campagne sur laquelle se baser pour réussir... en ne négligeant pas la partie web!

Read more...

Zlio.com : Créez votre boutique en ligne en 3 clics et gagnez de l'argent

, , ,


Zlio.com est tout bonnement un site impressionnant d'innovation!
Figurez-vous que grâce à ce service, vous allez pouvoir créer en 3 étapes votre propre boutique en ligne et vendre des produits qui vous tiennent à coeur sans avoir à gérer les moindres stocks!

Je m'explique. Zlio.com est un site d'affiliation fonctionnant grâce à un réseau de partenaires commerciaux (amazon, rue du commerce, ...) qui partagent leur bases de données produit.
Concrètement, vous avez la possibilité de créer votre "blogshop" et d'y référencer des produits issus des différents partenaires.
Sur chacun des produits que vous sélectionnez, car c'est vous qui choisissez ce que vous voulez vendre, vous touchez une commission au clic et/ou à la vente dépendant du mode de rémunération choisi.

Ainsi, si vous avez une passion pour une chose en particulier, n'hésitez plus un instant à vous lancer dans l'aventure Zlio.
Vous n'avez qu'à créer votre boutique et y ajouter des produits en rapport avec votre passion en y ajoutant commentaires, mot clés et éventuellement une évaluation si vous possédez le produit en question afin que votre vitrine gagne en crédibilité mais aussi en référencement.
Vous pourrez cependant laisser les descriptions et autres informations par défaut mais ce sont vos commentaires et évaluations qui vous démarqueront des autres boutiques et feront ressortir votre passion et votre professionnalisme.

Si vous vous sentez l'âme d'un e-commerçant, ne perdez plus une seconde et creez votre boutique maintenant!

Read more...

Connect a Microsoft SQL Server 2005 Express Edition avec/using PHP

, , , ...

A l'occasion d'une mission de consulting pour un client désireux d'ouvrir son système d'information basé sur l'ERP Navision de Microsoft, il a fallu développer un système de script PHP afin de réaliser des statistiques commerciales issues des données contenues dans les tables SQL Server utilisées par Navision.

Cependant, afin de ne pas ralentir le travail de l'entreprise à cause de tests successifs, redémarrage de service SQL ou autres, la solution employée a été d'utiliser un serveur SQL 2005 Express Edition, version gratuite fournie par Microsoft destinée aux développeurs.
De ce fait, toute la phase de tests/développement pouvait être réalisée localement.

Le problème, c'est que MSSQL est plus difficilement accessible qu'un bon vieux MySQL. Il va donc falloir redoubler d'efforts (et de courage) pour arriver à établir la connexion.

Voici un descriptif des étapes :


1 - Téléchargez et installez Microsoft SQL Server 2005 Express Edition sur le site de Microsoft (gratuit)

2 - Télécharger Microsoft SQL Server Management Studio Express (gratuit)

3 - Activez la librairie php_mssql.dll (pour windows) dans votre php.ini ou téléchargez les extensions PECL pour votre version de PHP sur le site officiel et configurez dans votre fichier php.ini le répertoire des extensions puis, redémarrez Apache en croisant les doigts pour que les extensions soient bien trouvées. Descendez également dans la partie concernant la gestion de serveur Microsoft SQL [MSSQL] et mettez le paramètre mssql.secure_connection à Off.

4 - Lancez regedit en passant par la commande Exécuter de votre menu démarrer et déployez l'arborescence HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Microsoft SQL Server\SQLEXPRESS\MSSQLServer\SuperSocketNetLib\Tcp et notez quelque part le port spécifié en face de la clé nommée TcpPort (ex: 1034).

5 - Lancez l'utilitaire de configuration serveur SQL et dans l'arborescence de gauche, ouvrez les propriétés concernant TCP/IP et les Canaux nommés (Configuration du réseau SQL..., configuration de SQL Native Client/Protocoles Clients). Activez-les.
Remarque, le port présent dans la boite de dialogue peut être différent de celui noté précedemment : n'y touchez pas!

6 - Ouvrez SQL Server Managment Studio Express et connectez-vous à votre serveur en utilisant une Authentification Windows. Votre serveur apparait dans la partie de gauche avec ses différents composants systèmes. Faites un clic droit sur la racine > Propriétés > Sécurité (en général MON-PC\SQLEXPRESS, où MON-PC est le nom de la station sur laquelle le serveur est installé).
Dans la partie de droite, sélectionnez "mode d'authentification SQL Server et Windows", validez et redémarrez votre serveur SQL (du moins le service) comme demandé.
Vous pouvez également créer une base de données à cette étape.

7 - Ajoutez un utilisateur à la racine de votre serveur en vous rendant dans le sous-dossier Sécurité > Connexions et faites un clic droit dans la zone affichant les utilisateurs à droite pui, sélectionnez "Nouvelle Connexion". Saisissez le nom d'utilisateur désiré (ex: toto) et sélectionnez "Authentification SQL Server". Celà vous permettra de vous connectez comme vous le feriez sous MySQL, à savoir avec un nom d'utilisateur et un mot de passe en clair dans votre code. Définissez le mot de passe. Dans le menu de gauche, sélectionnez "Rôles du Serveur" et assignez le nouvel utilisateur à "dbcreator" pour lui donnez le maximum de privilèges. Dans "mappage de l'utilisateur", cochez la base de données sur laquelle votre script aura a effectuer des opérations. Si vous n'avez encore crée aucune base, vous pourrez revenir à cette étape par la suite.
Pointez maintenant sur "Etat" à gauche et vérifiez que votre utilisateur a accès au moteur de base de donner (Octroyer) et qu'il est autorisé à se connecter de façon distante (Connexion: activé).

8 - Vous pouvez passer maintenant aux joies du codage en insérant par exemple le bout de code si après



$link = mssql_connect('MON-PC,port','user','pass',false);

MON-PC: Nom du poste ou adresse IP du serveur
port: numéro relevé dans la base de données
user: utilisateur crée pour l'utilisation du script
pass: mot de passe défini pour l'utilisateur

A ce stade, la connexion devrait fonctionner. Pour le vérifier, créez un fichier ne contenant que cette insctruction.

Dans le cas où la connexion échouerez systématiquement, il s'agit peut être d'un problème de version de votre dll sur laquelle s'appui PHP pour se connecter.
Pour remédier au problème, rendez-vous sur Userscape traitant également des problèmes de connexion et proposant une DLL à jour. téléchargez cette librairie, renommez l'ancienne et copiez-là dans votre répertoire PHP et Windows/System32
Redémarrez votre serveur Apache.

Si le problème persiste, vérifiez que l'utilisateur que vous avez crée a bien les privilèges nécessaires sur le serveur ainsi que sur la base de données. Vérifiez également que la connexion sécurisée dans PHP est bien à Off, sinon PHP traitera la connexion sous le type "Authentification Windows" au lieu de "SQL Server".

Read more...

Noopod, l'outil parfait pour vos blogs et podcasts / Noopod, the perfect tool for your blogs and podcasts

, , , ...


Pour ceux qui ne connaissent pas Noopod, il s'agit d'un outil parfait, un véritable couteau suisse, pour les podcasteur et les personnes qui suivent en permanence de nombreux sites ou blogs syndiqués en RSS.
Il inclut, un gestionnaire de news/podcast, permet le téléchargement automatique des nouveaux fichiers, et s'appui sur un annuaire de flux en ligne référençant une quantité élevée de podcast et RSS anglais et français, classés par catégorie.

Depuis la dernière version, vous avez également accès à des radios et webTV en ligne au travers de l'annuaire.
Vous avez des problèmes à lire les fichiers audio/vidéos d'un podcast? Pas de soucis, Noopod inclu le lecteur VLC qui est capable d'ouvrir tous les types de fichiers multimédias, quelque soit le codec employé (et c'est un outil français en plus VLC)!

Bref, avec Noopod, vous aurez accès à mes posts français/anglais très simplement et resterez informé des nouveautés sans devoir chaque jour consulter religieusement mon blog (qui va prochainement déménager...).

Donc n'hésitez pas à tester cet outil téléchargeable sur le site Noopod.com

Je ferai peut-être un tutorial sur ce logiciel plus tard.

Have fun...

Read more...

Icônes libres pour création web et print / Web and print royalties free icons

, , , ...

Le travail de webdesigner peut paraitre simple au premier abord (ouai, regarde-le lui, il passe sa journée à dessiner...) mais en réalité, il n'en est rien... Surtout quand on est pas infographiste de formation!

L'un des problèmes majeurs qui se posent,aux créateurs d'interfaces graphiques, est l'illustration des actions que l'utilisateur peut effectuer sans que ce dernier ait la nécessité de lire le texte d'un bouton par exemple.
Cette règle est importante en matière d'ergonomie et la respecter permet une prise en main plus rapide du site et un accès simplifié à une information pertinente.

Le soucis est donc "Où est-ce que je peux trouver ces f**tues images?".
Si vous cherchez des pictos/icônes, ne cherchez plus!

Rendez-vous sur le site famfamfam où vous trouverez une collection de 1000 petites icônes déclinées en GIF et en PNG.
Vous pourrez également y trouver un pack de tous les drapeaux de la planète sous les mêmes formats.

Je vous laisse à votre chevalet... ou plutôt à votre tablette graphique...

Read more...

Drivers Geforce Go 7300 : what's the hell!

, ,


Au mois d'octobre 2006, en même temps que la signature de mon contrat pour mon nouveau boulot, j'ai acheté un portable Acer 5633WLMI.
Le modèle en lui même est un excellent rapport qualité/prix : 999€ à l'époque pour un Core 2 Duo alors que la concurrence était encore sur du Core Duo au même prix.

Petit point noir: la carte graphique...
Sur le fond, je ne m'etais pas inquiété : il s'agit d'une Geforce Go 7300, un modèle avec de bonnes performances mais aussi, et surtout, taillé pour les ordinateur portables en raison d'une consommation d'énergie réduite.
Cependant, impossible de trouver les pilotes à jour pour Windows XP et, lors de mes multiples phases de test de Vista (beta 2, RC1, ...) les pilotes n'était jamais disponible pour la version la plus récente.

Bref, tout ça pour dire qu'actuellement, c'est la croix et la bannière pour trouver ces foutus drivers. Je les ai pratiquement tous fait, même ceux pour les modèle non estampillé "Go", pour la série 7.

...bon ok, je n'ai pas essayé pour les vieilles cartes Geforce 2MX...

Je vais tenter de me rabattre sur les drivers pour les jeux de composants nForce, mais je n'y crois plus trop.

Après parcours de différentes pages traitant du sujet, il apparaitrait que ce modèle fasse partie de ceux dont le support au niveau des pilotes ne soient fait que par les constructeurs de machines.
XP étant sur le déclin, il est fort à parier qu'aucune nouvelle version compatible avec cette carte ne sera présentée sur le site d'Acer.
Put***, si j'avais su, j'aurai pris le Packard Bell qui était équipé par ATI

ATI Rules !

Viadeo : travaillez votre réseau

, ,

Viadeo (ex Viaduc) est un site de mise en relation destiné aux professionnels mais aussi aux indépendants et chercheurs d'emploi.

Le "réseau" est une notion fondamentale en commerce et relations publiques. En effet, une petite statistique va mieux vous situer : sachez que vous pouvez atteindre n'importe qui dans le monde à une distance de 5 personnes.
En gros, la main de votre pote que vous serrez a serré la main d'un mec qui a serré la main... (etc...).

Plus concrètement, le réseautage vous permet d'assurer une plus grande réussite aux projets que vous menez car vos demandes ont plus d'impact si elle émanent de personnes en échanges réguliers avec votre cible que si vous contactez directement la personne concernée.
Chaque personne du réseau va faire transiter votre message avec une annotation à la personne suivante (positive ou négative), celà vous sert en quelque sorte de "recommandation".

Bien sûr celà ne suffit pas toujours et certaines personnes ne jouent pas forcément le jeu.
Cependant cet outil mérite d'être utilisé jusque dans ces derniers retranchements.

Créez-vous votre CV, ou tout du moins votre parcours professionnel sur ce site, renseignez votre profil, utilisez de bon mots clés définissant vos compétence, mettez en avant ces dernières et vous aurez assez rapidement de nouveaux contacts intéressés par votre potentiel.
Que vous soyez technicien de surface ou diplômé de St Cyr en passant par artiste indépendant, vous aurez besoin de vous faire connaitre et de faire appel à d'autres personnes pour évoluer.

Viadeo rempli parfaitement sa mission dans la mesure ou une grande majorité des entreprises françaises sont sur ce réseau.

Pour ma part, j'ai trouvé mon premier job en sortant de mes étude sans même avoir à chercher! Pourquoi pas vous?

Pour vous inscrire, utilisez mon invitation personnelle :
Inscrivez-vous

Photoshop CS3 et le PNG

, , , ...


Adobe a mis sur le marché il y a peu de temps ses nouvelles suites d'outils graphiques bien connues des professionnels (Illustrator, Photoshop, Flash, ...).

Ces produits sont déclinés sous la mention CS3 (Creative Suite 3) et accessible à l'unité ou sous forme de packages spécialisés en fonction de votre profession :

- Design Premium : destinée au infographistes/webdesigners purs et durs (Photoshop, Flash, Illustrator, Dreamweaver,Indesign et Acrobat)
- Web Premium : idem design mais intègre aussi les outils de travail collaboratifs (Contribute CS3)
- Production Premium : Dédiée au travaux vidéos et audios. Il comprend également les outils qui ont fait le succès d'Adobe auprès des graphistes (After Effects, Premiere, Photoshop, Flash, Illustrator, SoundBooth).
- Master Collection : LA suite d'Adobe; elle intègre tous les outils... ce qui explique le prix... arg!
:ko:



Le moins qu'on puisse dire c'est qu'Adobe frappe fort avec ces offres et s'impose comme le seul fournisseurs d'applications professionnelles dédiées aux graphistes... ou presque.
Depuis l'absorption de Macromédia, créatrice de Dreamweaver et Flash, Adobe occupe en quelque sorte une position de leader sur le marché et va poursuivre seul la course aux ventes de licences de packs produits.

Les alternatives se font rares actuellement et aucune société n'est à même de proposer autant d'interopérabilité entre les différents composant d'une hypothétique suite graphique.

Cependant, Microsoft semble vouloir se positionner sur le créneau en développant SilverLight, un produit analogue à Flash... Cependant, au vu du peu de nouveautés qu'il semble apporter (support HD et WMV), il risque de ne pas faire une percée si importante dans le marché, malgré son support de .NET et XAML.

Adobe a encore de beaux jours devant lui... Sauf si Microsoft fait de SilverLight un produit gratuit!

Petit aperçu des différentes icônes que vous pourrez croiser dans les versions CS3.
Notez que certaines de ces icônes représentes des produits qui sont des composants d'autres (Adobe Bridge par exemple qui est fourni avec Photoshop) et des produits encore en développement comme Flex dont l'IDE basé sur Eclipse est téléchargeable sur le Lab d'Adobe


Le PNG sous Photoshop CS3:

Le PNG est un format de compression d'image on dégradant. Il existe en deux profondeur de couleurs (8 et 24 bits).
Concrètement, le PNG est la réponse libre haut de gamme (soutenu par le W3C au format GIF qui est propriétaire (Compuserve il me semble).
La version 24 bits, non supportée par IE6 (sauf hack par JS) offre un niveau de transparence encore jamais égalé.
En GIF vous aviez un seul niveau de transparence (transparent/opaque), en PNG vous en avez 254. En gros, ça vous permet de faire une image avec un dégradé vers de la transparence sans que le résultat soit médiocre.


Pour information, le GIF pèse 2,23 Ko contre 1,39 Ko pour le PNG...incroyable!

Le problème était que jusqu'à présent Photoshop supportait assez mal la compression de ce format et on était bien plus souvent gagnant à passer l'image en JPG (en faisant une croix sur la transparence) qu'en PNG en ayant un rendu de moins bonne qualité mais un poid raisonnable pour le web.

Photoshop CS3 change la donne et compresse le PNG à merveille (cf. exemple compression plus haut).

Conclusion, lorsque le parc des navigateurs web auront quasiment enterré IE6 et Safari sous Mac, le PNG 24 devrait s'imposer de lui même comme le nouveau standard d'image haute qualité pour le web.
Ce format là est en entière adéquation avec les nouveaux standards à la sauce Web 2.0 car la transparence en 254 niveaux offre de bonne perspectives pour la conception d'applicatifs online en prolongation de votre OS. Par exemple, le PNG offre la possibilité de faire des fenêtre déplacable avec le style Aéro de windows Vista (barre de titre semi translucide).

Une version animée de ce format existe mais n'est pas encore très répandue.

Techno à suivre donc...

Google Code Search [Geek Mode = ON]

, ,


Google met en place différents outils de recherche spécialisés sur le web.
L'un d'entre eux à l'air prometteur pour les développeur, quels que soient les langages.

Il s'agit de Google Code Search.
Un moteur de recherche spécialisé dans la recherche de code sources libres sur le net.

Il vous suffit de rentrer une fonction ou un mot clé pour afficher des extrait de codes mettan en oeuvre cette fonction.

Google Code Search