LaGraphiste

Veille de site web

2010-08-20T15:28:00+05:00

Il vous est arrivé à quelques reprises que vos visiteurs vous mentionnent que votre site n'était pas accessible et vous désirez vérifier si c'est la faute à votre hébergeur ? Voici un outil gratuit qui vous aidera.

InternetSeer offre un outil gratuit simple et pratique qui permet d'inscrire son site pour s'assurer que ce dernier est toujours accessible en ligne. Pour ce faire le système de InternetSeek tente de «visualiser» votre site une fois à toute les heures. Si votre site devient innacessible, vous recevrez un courriel d'alerte vous en avisant.

Personellement ça fait 5 ans que j'utilise cet outil pour mes sites, et ça fonctionne à merveille.

http://www.internetseer.com

Pourquoi les «geeks» préfèrent-ils les solutions OpenSource ?

2010-06-10T16:14:00+05:00

Actuellement, Microsoft et les PC perdent une grande part du marcher du à la popularité de l'iPad. Apple affirme haut et fort que son système d'exploitation est plus sécuritaire que ceux développés par Microsoft. Selon vous, est-ce vrai ?

Une thèse développée par des sommités du domaine comme Bruce Schneier affirme: « La plupart des ordinateurs tournent sous Microsoft™, et, par conséquent, la plupart des ordinateurs du monde sont vulnérables aux mêmes virus et aux mêmes vers (worm) et ce au même moment. Le seul moyen d'éviter cela est d'éviter la monoculture logicielle dans le domaine des systèmes d'exploitation pour les mêmes raisons raisonnables et évidentes pour lesquelles on évite la monoculture en matière d'agriculture. Microsoft exacerbe ce problème via une panoplie de pratiques visant à verrouiller ses utilisateurs à son système d'exploitation. L'impact sur la sécurité de ce verrouillage est réel et représente une menace pour la société. »

MacOS ferait-il meilleur figure que Microsoft ? Non car cette «monoculture» n'est pas moins présente chez Apple que chez Microsoft. La preuve étant qu'il est impossible pour un programmeur de développer des logiciels pour la famille des iPods s'il ne possède pas un ordinateur Macintosh et un logiciel exclusivement vendu par Apple.

Dernièrement, j'ai lu une remarque émise par un geek qui disait «les geeks choisirons l'iPad le jour ou il sera OpenSource». Pourquoi les geeks préfèrent-ils les PC ? Tout simplement parce qu'ils peuvent l'équiper avec uniquement des logiciels et systèmes d'exploitations libres. Ils peuvent remplacer Windows par Linux, ils peuvent remplacer Microsoft Office par OpenOffice... Même les graphistes peuvent opter pour des logiciels de dessins gratuits, tel InkScape.

Alors, compte tenu ces informations, le prochain virus attaquera qu'elle plate-forme selon vous ? Macintosh, PC, iPad, Android... Ou qu'elle système d'exploitations ; MacOS, Windows, Linux ?

Personnellement, je crois que le iPad sera bientôt visé par les hackers, il est devenu trop «populaire» et donc par définition plus vulnérable que ses compétiteurs. Question d'augmenter votre niveau de sécurité sans vider mon porte-feuille je vous suggère de vous informer sur Linux et les logiciels OpenSources.

Information utile : Victoire historique de Linux contre Microsoft

Pour finir, un peit vidéo humoristique...

LaGraphiste.net VS .com

2010-05-29T08:15:00+05:00

2 sites, 2 CMS, 2 vocations pour mieux vous servir

Pour répondre adhéquatement au normes W3C Web 2.0 j'ai décidé de diviser la parti Blog et la partie eCommerce de mes sites. Le but étant de répondre aux attentes de deux types d'Internautes.

La zone commerce à pour vocation de guider les entrepreneurs, particulièrement ceux et celles qui ont des besoins plus important en terme de portail et gestion marketing. C'est pourquoi j'ai utilisé Drupal pour réaliser ce site, car ce CMS permet le développement de portail très complet. J'y fais également un tour d'horizon sur les différentes approches marketing qui répondent au besoins d'éthique tant recherché par les consommateurs.

Sans oublier les services B2B que j'offre moi-même en tant que sous-traitante auprès d'agence et d'imprimeur.

La zone nétiquette à pour vocation de guider les petites entreprises, les travailleurs autonomes et les débrouillards 101 dans la prise en charge de leurs images coorporatives. C'est un lieu d'échange qui vous permet d'en savoir un peu plus sur les trucs et astuces du métier de graphiste et aussi sur tous les aspect de la communication éthique. C'est pourquoi ce site est fait à l'aide du CMS Pluxml, car cet outil OpenSource est facile d'installation et permet à tous de développer son mini site web 1.0 pour ceux qui ne souhaitent pas interagir ou 2.0 pour les plus pro-actif.

J'en profite également pour vous présenter mes petits projets perso, comme ma librairie d'auto-édition www.leshazarts.info

WebMobile

2010-05-28T17:13:00+05:00

Après les normes du W3C (qui tente d'assurer l'universalité de lecture des pages web par tous les navigateurs) il faut également penser développer votre site selon les normes MWI ou Web Mobile. (http://www.w3.org/2005/MWI/BPWG/)

Qu'est-ce qui est si différent ?

petit écran ;
entrée de contenu limitée ;
prix et vitesse de l'accès au réseau ;
grande diversité d'appareils et de navigateurs.

Pour résumer ces normes, il faut prévoir une mise en page simple à une seule colonne pour s'assurer que le contenu des pages puisse être lu sur les petits écrans des téléphones portables. La plupart du temps il faut créer une feuille de style (CSS) distincte qui sera optimisée pour les petits écrans.

De plus en plus de CMS offrent l'adaptation Web Mobile. Informez-vous !

Pour en savoir plus sur le web mobile

Recommandations et standards
- Mobile Web Initiative du W3C (en)
- Recommandations «60 bonnes pratiques pour le web mobile» du W3C (en)
- XHTML Basic 1.1 (en) - Spécification (Candidate Recommendation)
- SVG Tiny 1.2 (en) - Spécification (Candidate Recommendation)

Conseils et règles de conception
- Design de poche : Porter votre site web au petit écran
- Designing pages to work on all devices, and small mobile ones in particular (en)
- Comment faire un site web mobile ?
- Résumé (en français) des Web mobile Best Practices 1.0
- Coding for the mobile web
- Designing for the Mobile Web
- Return of the Mobile Style Sheet (A List Apart)
- Tableau comparatif du support CSS des mobiles

Outils de test, validateurs, etc.
- Validateur mobileOK Basic du W3C (version alpha) (tests automatiques de conformité au label mobileOK Basic, basé sur les bonnes pratiques)
- Outil de test Ready.Mobi (utilise en partie les bonnes pratiques publiées par la Mobile Initiative du W3C, et d'autres tests) (propose aussi la visualisation avec l'émulateur dotMobi intégré dans la page de résultats)
- Tests mobiles de Quirksmode
- W3C : Statistiques du support CSS des mobiles

Les navigateurs mobiles
(Pour une liste complémentaire/plus complète, voir Wikipédia: Popular mobile browsers (en).)

- Opera Mini (en) (pour les petits téléphones mobiles)
- Opera Mobile (en) (pour les mobiles plus récents/évolués, les PDA, etc.) (payant: 19 EUR, période d'évaluation 30 jours)
- Internet Explorer Mobile (livré avec Windows Mobile)
- Safari Mobile est livré avec l'iPhone et l'iPod Touch (documentation sur le iPhone Dev Center (en)). Safari Mobile, comme la version Desktop, utilise le moteur de rendu Webkit (en)
- NetFront Browser (fr)
- OpenWave Mobile Browser (en)
- Mozilla prépare un Firefox Mobile (en) (rien de testable avant fin 2008), en s'inspirant des résultats du projet Minimo (en).
- Blazer (Palm) [lien?]
- Wake3 (en) (en développement, navigateur basé sur Webkit, pour Windows Mobile et autres systèmes)
- etc.

Émulateurs:
- Émulateur Opera Mini
- Émulateur dotMobi (apparemment, le rendu est plus proche des navigateurs mobiles comme NetFront que de Webkit ou d'Opera Mobile)
- iPhone Testeur (simule un écran d'iPhone via CSS... intérêt assez limité)
- le SDK pour Google Android propose un émulateur (documentation) -- le moteur du navigateur est Webkit (Safari, etc.)
- NetFront Browser Emulator (en) et NetFront Mobile Content Viewer (fr) (le téléchargement nécessite une inscription par formulaire)
- Émulateur Blackberry

Calendrier de LaGraphiste

2010-05-28T08:13:00+05:00

Les congés fériés 2009-2010

Le Vendredi saint (2 avril 2010)
Le lundi de Pâques (5 avril 2010)
La fête de Dollard (Journée nationale des Patriotes ou fête de la Reine) (24 mai 2010)
La fête du Travail (6 septembre 2010)
Le jour de l'Action de Grâces (11 octobre 2010)
Le jour du Souvenir (12 novembre 2010)
Le jour de Noël (25 décembre 2010)
Le jour de l'An (1er janvier 2011)
Le jour de la Fête nationale (Saint-Jean-Baptiste) est un jour férié pour tous les travailleurs du Québec, sans exception. Pour l'année 2010, le jour férié est le 24 juin.
Le jour de la Fête du Canada est un jour férié pour tous les travailleurs du Canada, sans exception. Pour l'année 2010, le jour férié chômé est le 2 juillet.

Les vacances de LaGraphiste

Pour la période estivale 2010 : du 18 juillet au 31 juillet 2010 inclusivement
Pour la période hivernale 2009-2010 : du 20 décembre 2009 au 2 janvier 2010 inclusivement

N.B. Je serai également fermé durant la semaine du 20 au 28 juin 2010 car ma soeur se marie à Cuba http://www.ydcmc.ca.cx/

Les SGC / CMS testés par LaGraphiste

2010-05-17T13:56:00+05:00

Content Manager System - Gestionnaire de Contenu Web
Les conformes W3C : Drupal et Pluxml / Les non-conformes : Toko et Joomla

Tout d'abord, qu'est-ce qu'un SGC / CMS ?

Selon Wikipedia « Un système de gestion de contenu ou SGC ((en) Content Management System ou CMS) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site web »

Ce qu'il faut se demander avant de décider si oui ou non vous avez besoin d'un SGC / CMS

La mise en place d’un système de gestion de contenu simple pour une petite entreprise représente un investissement certain. Dans cette optique, l’entreprise doit considérer les points suivants afin d’évaluer si l’implantation d’un tel système sera rentable :

étendue des modifications du site (site de 30 pages minimum)
fréquence des modifications du site (au moins toutes les deux semaines)
urgence des modifications du site (information rapidement désuette)

Si ces 3 points ne sont pas primordiaux pour votre site il vaut mieux opter pour un site vitrine, comme c'est le webmestre qui s'occupera des mises à jour le site aura l'avantage d'être bien programmé et stable ce qui vous permettra de réaliser des économies de temps et d'argent. De plus, si vous ne pensez pas dépasser le nombres de 30 pages, un CMS n'est pas fait pour vous. Il faut savoir qu'un CMS demande un temps d'apprentissage et qu'il faudra vous débrouillier seul pour vous familiariser avec l'outil. Si vous n'avez ni le temps d'apprendre ni les connaissances de base il vaudrait mieux laisser un webmestre s'occuper de l'image de votre site. Après tout, si votre site est rempli de bug, même si vous y ajouté du contenu régulièrement, il y a peu de chance que les internautes apprécient leur visite.

Une fois que vous avez décidé d'opter pour un SGC / CMS, que devez-vous savoir.

Au travers d'interfaces web, les SGC / CMS sont accessibles au moyen d'un navigateur web. Ainsi, les rédacteurs n'ont pas besoin d'installer de logiciels spécifiques supplémentaires.

Pour les débutants - Édition de page simplifiée WYSIWYG

Du fait du principe de séparation contenu/présentation, les rédacteurs peuvent se concentrer sur le contenu. L'édition des pages est considérablement simplifiée, et deux mécanismes sont proposés :

Une interface WYSIWYG (What you see is what you get / Ce que tu vois est ce que tu as) qui propose une interface graphique de mise en forme similaire à celle qui existe dans un traitement de texte
Une interface sans WYSIWYG ou vous devrez vous familiariser avec les balises de code html (balises semblables au WordPerfect des années 80 : < b >... < / b > pour bold < i >... < / i > pour italique etc...)

L'un des avantages des SGC / CMS conformes au normes W3C :
Séparation entre contenu et présentation

Le contenu est stocké indépendament du design du site. C'est le contenu des pages qui est créé/modifié par le rédacteur, et non pas la page elle-même. Ce type de site permet aux internautes de s'inscrire au fils (Rss ou autre) pour lire uniquement le contenu des nouvelles pages crées ce sans avoir à visionner tout le site. Cette fonction sert à remplacer les envoies par courriel de nouvelles et s'inscrit dans la tendace à recourir de moins en moins aux courriels publicitaire qui peuvent être interprétés (à tord ou à raison) comme du pourriel (spam).

Comparons 4 SGC / CMS

Pluxml

http://www.pluxml.org/

Avantages

Gratuit
Très léger (150ko.)
Facile et rapide d'installation
Sans base de données
Conforme aux normes W3C
Conforme aux normes WebMobil
Soutient technique accessible et francophone
Zone forum pour l'entraide entre utilisateurs
OpenSource (CC)
Gabarit facile à modifier en autant que l'on connait les bases du CSS

Inconvénient

Absence d'interface WYSIWYG (à moins de l'installer soi-même : Ckeditor, BBcomposer...).
Absence de niveau de compte (administrateur, visiteur, rédacteur)
Peu de thèmes clé-en-main sont offerts (- de 100)
Bug d'affichage avec Ckeditor lorsque le rédacteur copie/colle du contenu texte créé dans Word

Destiné à l'utilisateur

De niveau intermédiaire, qui a une base de connaissance en CSS et HTML et/ou qui désir apprendre les rudiments de la programmation web.
Qui préfère miser sur la stabilité de la programmation plutôt que sur l'aspect «friendly user»
Qui comprends l'importance de diviser l'aspect visuel de l'aspect contenu d'un site web.
Qui souhaite se conformer aux normes strictes du W3C et du WebMobil

Conclusion : Pluxml s'adresse aux utilisateurs qui préfèrent miser sur «l'être» plutôt que sur le «paraître» c'est-à-dire qu'il mise sur le développement d'un site stable et durable le tout en étant conscient que ça demandera de sa part plus de débrouillardise pour l'utiliser à sa pleine capacité.
n.b. : Pour les webmestres qui souhaitent utiliser un CMS léger et pratique pour faire les mises à jour sur les sites de ses clients, c'est l'outil idéal vu l'absence d'interface WYSIWYG, vous n'avez aucune limite en terme de programmation (JS, AJAX, include php...).
Tutoriel pdf / Aide pour créer un gabarit personalisé / Interface admin plus design

Toko

http://toko-contenteditor.pageil.net/

Avantages

Offre une version payante plus complète que la version gratuite
Peut être installé sur un site déjà existant
Interface WYSIWYG
Possibilité de configurer plusieurs niveau de comptes (administrateur, visiteurs, rédacteurs...)
Facile d'installation
Sans base de données
Zone forum pour l'entraide entre utilisateurs
Poids raisonnable (1mo)

Inconvénient

Génère du code non-conforme aux normes W3C (site moins durable et plus vulnérable au bug)
Soutient technique difficile à obtenir et anglophone uniquement
Impossibilité d'installer la version payante sur les hébergeurs offrant PHP 4 et antérieur

Destiné à l'utilisateur

De niveau débutant, qui ne connait pas la programmation et ne souhaite pas l'apprendre.
Qui préfère miser sur l'aspect «friendly user» au détriment de la stabilité de programmation.
Qui ne souhaite pas diviser l'aspect visuel de l'aspect contenu d'un site web.
Qui ne souhaite pas se conformer aux normes W3C
Qui ne souhaite pas offrir l'inscription aux fils (Rss ou autre)

Conclusion : Toko s'adresse aux utilisateurs qui ont déjà un site et souhaite simplement en modifier le contenu. Je ne conseil pas d'utiliser Toko pour la création d'un nouveau site étant donné sa non-conformité aux normes car la durabilité et la stabilité du site n'est pas assurée.

Drupal

http://drupal.org/

Avantages

Gratuit
Conforme au norme W3C
Soutient technique accessible et francophone
Zone forum pour l'entraide entre utilisateurs
Beaucoup de «add on» intéressants
OpenSource
De très nombreux thèmes clé-en-main sont disponible (5000 et plus)
Différentes interfaces WYSIWYG (en add-on)
Poids raisonnable (2.5mo)

Inconvénient

Nécessite l'installation et la configuration d'une base de donné (pas obligatoire d'en avoir une en local si l'hébergeur fourni ce service)
Configuration exhaustive et un peu trop complexe pour un petit site de moins de 50 pages - destiné aux sites volumineux.

Destiné à l'utilisateur

De niveau débutant, qui ne connait pas la programmation et ne souhaite pas l'apprendre.
Qui sait configurer une base de donné s'il n'a pas l'intention d'avoir recours à un professionnel.
Qui connait bien la programmation php et css pour modifier son gabarit (thème) s'il n'a pas l'intention d'avoir recours à un professionnel.

Conclusion : Drupal s'adresse aux utilisateurs qui souhaitent un site conforme aux normes mais qui ne désir pas se familiarier avec les balises de programmation web. Le rédacteur pourrait avoir besoin d'un professionel pour l'installation de la base de donné et la modification du gabarit, surtout si ses connaissance en web et base de données sont limités, mais une fois l'instalation faite, l'utilisation est très facile vu la possibilité d'installer une interface rédacteur WYSIWYG. Fait à noter; certains «add-on» ne sont pas conformes aux normes alors si l'utilisateur souhaite les installer quand même il devra être conscient que le code généré par ces «add-on» ne fonctionneront pas sur tous les navigateurs.

Joomla

http://www.joomla.org/

Avantages

Gratuit
Facile d'installation
Beaucoup de «add on» intéressants
Soutient technique accessible et francophone
Zone forum pour l'entraide entre utilisateurs
OpenSource
Interface WYSIWYG
Nombreux thème clé-en-main et même la possibilité de modifier un thème à partir d'une interface WYSIWYG (non testé)

Inconvénient

N'est pas conforme au normes W3C
La plupart des revendeurs centralisent les services de webmestre, registraire et hébergeur, ce qui peut causer des problèmes lors des transferts de nom de domaine. Je déconseille fortement cette pratique.
Application très lourde ( 7mo.)
Nécessite l'installation et la configuration d'une base de donné (pas obligatoire d'en avoir une en local si l'hébergeur fourni ce service)

Destiné à l'utilisateur

De niveau débutant, qui ne connait pas la programmation et ne souhaite pas l'apprendre.
Qui préfère miser sur l'aspect «friendly user» au détriment de la netteté de programmation
Qui sait configurer une base de donné s'il n'a pas l'intention d'avoir recours à un professionnel.

Conclusion : Joomla s'adresse aux utilisateurs qui ne désir pas se familiarier avec les balises de programmation web. Le rédacteur pourrait avoir besoin d'un professionel pour l'installation de la base de donné mais une fois l'instalation faite, l'utilisation est très facile vu les interfaces rédacteur et designer WYSIWYG.

Il y a des centaines de SGC / CMS sur le marcher alors n'hésitez pas à vous renseigner car il y en a pour tous les goûts et tous les budgets. Contactez moi si vous avez besoin d'aide tant pour le choix d'un CMS que pour l'installation.

n.b. Pour Joomla et Drupal je conseil fortement de faire affaire avec un hébergeur qui fourni ces applications avec leur forfait d'hébergement. Par exemple, iweb.com fourni gratuitement ces applications ce qui évite à l'utilisateur d'avoir à configurer une base de données en local. Il est de plus déconseillé d'utiliser un hébergeur gratuit pour ce genre de site vu la lourdeur des applications et la vulnérabilité des bases de données.

Nouvelle interface admin pour Pluxml

2010-05-11T11:39:00+05:00

Une ergonomie plus «friendly user», un design plus graphique et une installation rapide et facile.

Cliquez sur l'image pour téléchargez cette nouvelle interface pour Pluxml. C'est gratuit !

Pour installer cette interface, il vous suffit d'écraser le dossier «admin» qui se trouve dans le dossier «core» à la racine de votre site.

Open thèmes W3C

2010-05-11T07:33:00+05:00

Il y a des milliers de modèles de site gratuit en ligne, pour épargner en frais de design, vous pouvez choisir l'un de ces modèles et me donner le mandat de l'adapter au design de votre entreprise.

Plus de 1500 modèles de site web d'OpenDesign.
(De préférence choisir un thème qui à la mention - Validation: XHTML 1.0 Strict)
Free themes 4 all
(De préférence choissisez un thème CSS)

Une fois votre choix fait, nous pouvons changer les couleurs, photos et textes de ces modèles. Si vous voulez que je vous aide à modifier l'un de ces thèmes, ou encore à l'intégrer dans votre site fait avec Pluxml, n'hésitez pas. Je peux faire le travail pour vous ou encore vous offrir mon aide «à la carte» au tarif de 22$/h.

LaGraphiste

Veille de site web

Pourquoi les «geeks» préfèrent-ils les solutions OpenSource ?

Pour finir, un peit vidéo humoristique...

LaGraphiste.net VS .com

WebMobile

Qu'est-ce qui est si différent ?

Pour en savoir plus sur le web mobile

Calendrier de LaGraphiste

Les vacances de LaGraphiste

N.B. Je serai également fermé durant la semaine du 20 au 28 juin 2010 car ma soeur se marie à Cuba http://www.ydcmc.ca.cx/

Les SGC / CMS testés par LaGraphiste

Tout d'abord, qu'est-ce qu'un SGC / CMS ?

Ce qu'il faut se demander avant de décider si oui ou non vous avez besoin d'un SGC / CMS

Une fois que vous avez décidé d'opter pour un SGC / CMS, que devez-vous savoir.

Pour les débutants - Édition de page simplifiée WYSIWYG

L'un des avantages des SGC / CMS conformes au normes W3C : Séparation entre contenu et présentation

Comparons 4 SGC / CMS

Pluxml

Toko

Drupal

Joomla

Il y a des centaines de SGC / CMS sur le marcher alors n'hésitez pas à vous renseigner car il y en a pour tous les goûts et tous les budgets. Contactez moi si vous avez besoin d'aide tant pour le choix d'un CMS que pour l'installation.

Nouvelle interface admin pour Pluxml

Open thèmes W3C

L'un des avantages des SGC / CMS conformes au normes W3C :
Séparation entre contenu et présentation