Le Blogue de Création DLN

Le coin des copains, une garderie en milieu familial de St-Georges

Thu, 10 May 2012 12:30:31 -0400

Création DLN vient de mettre en ligne un nouveau site Internet pour une garderie en milieu familial située à St-Georges. Cette e-garderie, si on pourrait l'appeler ainsi, est une garderie très branchée !

Un espace public
Pour commencer le site Internet, possède un espace public comme n'importe quel site. Une section pour présenter la garderie, une galerie photo, des nouvelles, une section tarifs, etc. Des sections sommaires pour permettre aux parents d'avoir une bonne idée sur la garderie, ses valeurs et sa façon de procéder.

Un espace privé pour les parents
- La particularité de la garderie est son espace privé. Elle permet aux parents d'avoir accès :
- aux photos de leurs enfants
- aux réalisations de leurs enfants
- aux mémos laissés par la garderie à leur intension
- aux suivis disponibles à chaque jour (ce que l'enfant a fait, mangé, dit, etc.)
- aux différentes factures
Bien entendu, Le coin des copains possède également son gestionnaire de contenu (CMS) afin de gérer le contenu du site et les différentes données liées à son espace privé destiné aux parents.

Bref, Le coin des copains est une garderie qui met en avant les outils qu'offre le Web afin d'améliorer la relation avec les parents qui auront accès aux informations de leurs enfants en tout temps et de n'importe où! Une fonction leur permet même de télécharger l'intégralité des photos de leurs enfants!

Si vous aussi vous avez une garderie ou que vous prévoyez en avoir prochainement, n'hésitez pas à regarder nos différents forfaits pour la création de site Internet ou à joindre directement notre agence Web pour obtenir davantage d'informations.

Élaborer soigneusement sa base de données pour économiser du temps, donc des sous

Tue, 08 May 2012 00:09:39 -0400

Une partie qui est souvent négligée lors de la création d'un site Web, car elle n'est pas visible pour l'utilisateur et le client, c'est l'élaboration stratégique de la base de données.

Qu'est-ce que l'élaboration stratégique de la base de données ?!
- C'est une étape qui consiste à définir les éléments suivants :
- Quels types d'informations vont être présents sur chaque page ? (titre, contenu, prix, catégories, photos, etc)
- Ces informations doivent être entrées en utilisant quel type de format ? (texte sur une ligne, paragraphe, information numérique, information temporelle, etc)
- Comment vont interagir les informations que vous allez entrer?
- Quelles sont les informations qui doivent être recueillies et comment ?
- etc

Un exemple concret
Imaginons que vous avez besoin de mettre en avant des sections spécifiques de votre site Internet directement sur la page d'accueil. Cela sous-entend que vous allez avoir besoin :
- d'un CMS pour gérer le contenu de votre site Web
- Une section du CMS doit permettre de gérer le contenu de la page d'accueil facilement
- Cette section doit permettre de faire des liens vers d'autres sections

Analyse des besoins spécifiques
À partir de là, il faut vous demander ce dont vous avez réellement besoin.
Pour mettre en avant des sections de votre site, cela signifie que :
- Vous avez besoin que le système s'organise pour faire automatiquement un lien vers la section que vous avez décidé de promouvoir ?
- Est-ce que c'est vous qui devez mettre un lien manuellement, car votre lien pourrait pointer vers un lien externe à votre site ?
- Le système va chercher automatiquement une image dans la section ou est-ce vous qui aller mettre une image manuellement ?
- Est-ce qu'un texte accrocheur va pouvoir être ajouté pour promouvoir cette section ? Si oui, est-ce que ça sera un texte de deux lignes ou deux paragraphes ?

Ce sont des questions toutes bêtes, mais il faut y penser avant le développement du site, car des changements aussi minimes qu'ils paraissent peuvent couter très cher si elles ne sont pas prévues au départ. Surtout si ces informations sont reliées à d'autres sections du site.

Un autre exemple pour la route
- La section forfait pourrait indiquer un tarif spécifique à chaque offre. Dans le champ tarif d'une offre vous indiquez par exemple 30$. Jusqu'ici tout va bien.
- Par contre, demain, on va annonce que le site va être internationalisé. De ce fait, il faut que le système devienne plus intelligent afin d'effectuer les tâches suivantes :
- effectuer la conversion automatiquement des devises pour les forfaits en fonction du pays concernés
- afficher le tarif au bon format (en français 30,00$ et en anglais $ 30.00)
- générer une facture en multipliant le tarif du forfait choisi par l'utilisateur et le nombre d'heures utilisé.

Le problème, c'est que dans la base de données, le client avait un champ «texte» pour entrer le tarif et il a été entré directement avec devise ($). De ce fait, impossible de multiplier du texte avec des chiffres pour obtenir un résultat...

Dès le départ le champ aurait dû être un champ numérique sans la devise... Il va donc falloir apporter les modifications suivantes :
- Modifier le type de champ dans la base de données
- Enlever les devises de la base de données
- Afficher automatiquement la devise dans le code du site Internet et non dans la base de données

Un travail qui aurait pu être évité si dès le départ on avait réfléchie à comment pourrait évolué la section forfait et comment cette section pourrait interagir avec d'autres sections. Régler un petit détail c'est rapide, mais un ensemble de petits détails ça prend déjà beaucoup plus de temps!
Et c'est du temps qui aurait pu être économisé s'il y avait eu une réflexion stratégique au niveau de la gestion de l'information dans la base de données et des possibilités d'évolution.

La programmation d'un site Web ressemble souvent à un plat de spaghetti

Sat, 21 Apr 2012 13:16:03 -0400

C'est l'image que prend très souvent un de mes clients en parlant de la programmation de son site, et c'est une image que j'aime vraiment beaucoup! Il a même eu une autre image de boite noire, aujourd'hui qui est encore meilleure que l'image des spaghettis! Mais bon avant d'aller plus loin, je vais vous faire une mise en contexte (ça vous intéresserait de comprendre de quoi je parle hein ?)

Il était une fois, un très très vieux site Internet qui avait 10 ans
Eh oui, à l'échelle du Web, de l'évolution des technologies, 10ans c'est vieux! C'est un peu comme si aujourd'hui, on vous demandait de travailler sous Windows 95 en utilisant un lecteur de disquettes pour sauvegarder vos données...
Bref, donc le site Web de mon client a été conçu il y a environ 10 ans. Le problème n'est pas vraiment que le site soit vieux, utilise de vieilles techniques de programmation ou que le serveur soit dépassé. Le véritable problème, c'est qu'il y a plusieurs programmeurs qui ont travaillés sur le site Web ( ou l'application Web pour être plus précis), chacun à une période différente et aucun n'a laissé de documentation.

C'est là qu'intervient l'image des spaghettis
Ceci m'étant raconté par mon client, il me résume cela sous une forme imagée. Il m'indique que son site est comme un plat de spaghetti. Lorsque l'on tire une nouille de spaghetti, on ne sait pas ce qu'il se passe sous le plat ni quelles sont les nouilles, qui ont été affectés par le déplacement d'une seule nouille.
Ce que cette image veut dire, c'est que lorsqu'un programmeur intervient dans le code d'un autre programmeur, surtout dans le cas d'une application très complexe, les gestes posés ont très souvent une incidence ailleurs sans qu'on puisse le voir ou le savoir. Résultats des courses, cela engendre des bogues qui apparaissent au fur et à mesure sans qu'on s'y attende. Et bien souvent, ce sont de petits détails qu'on pense sans importance qui cause de gros problèmes à la fois pour le client qui doit gérer la situation avec ses clients et à la fois pour le programmeur qui doit déplacer ciel et terre pour comprendre ce qu'il se passe tout en ayant toute la pression du monde sur ses épaules.

C'est comme dans boite noire
C'est l'image que me donnait mon client pour illustrer ce problème aujourd'hui. Il me disait, entrer et intervenir dans un code complexe sans avoir de documentation c'est comme entrer dans une pièce super sombre sans aucune lumière ni plan avec des pièges très dangereux partout avec pour seule indication de déplacer certains meubles afin de pouvoir quitter par l'autre porte. Il fait noir, on n'y voit rien et en plus il y a des pièges partout!! Comment feriez-vous pour pouvoir sortir ?? Même faire demi-tour c'est super compliqué!!

Documentation, documentation et documentation, dialogue, dialogue et dialogue
Afin d'éviter d'avoir ce type de problème, il est donc important de toujours documenter tout ce que l'on fait. Le programmeur doit laisser une multitude de commentaires pour bien expliquer sa démarche et expliquer la logique au client par la suite. Bien sûr, le client n'a pas besoin de connaitre les détails techniques, mais il doit comprendre comment fonctionne le système dans ses grandes lignes afin de pouvoir présenter son application aux futurs programmeurs. Idéalement un site web documentatif serait parfait! Sinon un document PDF serait très bien également! Tant qu'il y a une documentation écrite et détaillée. Sinon ça sera l'enfer de travail dans le code, autant pour le programmeur qui avancera dans un mode inconnu sans savoir précisément l'impact de ses actes comme pour le client qui devra vivre un bon moment dans le stress de voir qu'il n'a aucun contrôle sur son outil. C'est d'ailleurs pour cette raison que plusieurs agences préfèrent refaire entièrement la programmation plutôt que d'essayer en vain de se l'accaparer.

Ajout des détails pour les forfaits de création de site Internet pour PME, entrepreneur et e-commerce

Sat, 14 Apr 2012 23:10:03 -0400

Création DLN vient de mettre en ligne 8 nouvelles pages sur son site Internet. Ces pages décrivent plus en détail ce que contient les forfaits proposés actuellement pour
- les entreprises en démarrage
- les petites et moyennes entreprises
- les boutiques en ligne

Pour chacun de ses groupes, Création DLN propose 3 forfaits au choix. Bien évidemment, il est également possible d'avoir une estimation gratuitement pour la réalisation d'un site Web sur mesure. Pour cela, il suffit de nous faire part de votre projet afin que nous puissions évaluer votre projet.

Mozilla montre la puissance de l'HTML5 en publiant un MMO en HTML5

Mon, 02 Apr 2012 10:22:54 -0400

Afin de promouvoir les performances du HTML 5, Mozilla vient de mettre en ligne gratuitement un RPG du nom de BrowserQuest qui se joue sur les navigateurs les plus récents, à savoir Safari, Chrome et Firefox (bien évidemment, Internet Explorer n'est pas compatible).

Le jeu en lui-même est loin d'être une révolution dans le monde du jeu vidéo et c'est n'est pas le but non plus. Cela sert simplement à montrer ce qu'il est capable de faire avec l'HTML 5. De ce fait, Mozilla nous montre qu'avec l'HTML 5, il est possible de :
- HTML 5 Canvas pour le moteur graphique ( ça permet de faire afficher les éléments visuels et les animations comme les persos, les monstres, décors, etc.)
- Web sockets pour la partie réseau qui permet de réaliser le mode multijoueurs (voir et interagir avec tous les joueurs)
- HTML 5 audio pour afficher tous les événements sonores (coup d'épée sur un monstre, prise d'une potion, mort, etc.)
- LocalStorage pour la sauvegarde des informations sur l'ordinateur (sauvegarde du nom du personnage, des quêtes accomplies, etc.)
- Web Workers pour l'exécution de scripts en arrière-plan (le chargement des différentes cartes sans temps de chargements par exemple)
- CSS3 Media Query pour adapter le visuel à la résolution de l'écran

En utilisant ces technologies, le MMO est donc compatible avec les navigateurs les plus utilisés (sauf Internet Explorer) et il est même compatible avec iOS et Android. Ce qui permet d'entrevoir un avenir prometteur sur les possibilités offertes par l'HTML5. Et c'est d'ailleurs sur ces possibilités que se repose Mozilla avec son futur OS pour mobile qui se nomme Boot2Gecko

Google Search va devenir un moteur de recherche sémantique

Tue, 20 Mar 2012 14:25:28 -0400

D'après le Wall Street Journal, Google s'apprête à faire l'un des plus gros changements dans son algorithme de recherche : Google Search va devenir un moteur de recherche sémantique.

C'est quoi un moteur de recherche sémantique?
Un moteur de recherche sémantique est un moteur de recherche qui est capable de répondre à une question posée par un être humain. Le meilleur exemple du moment est Siri, l'assistant virtuel présent sur l'iPhone 4S.

Qu'est ce que cela va changer pour le site Web de votre entreprise ?
La sémantique existe depuis plusieurs années. Toute fois elle était très peu utilisée et il n'y avait pas vraiment de standard. Il y a quelques années, le Web sémantique a refait parler de lui notamment avec l'arrivée de l'HTML 5 qui repose majoritairement sur le Web sémantique. Déjà avec l'HTML 5, le balisage de l'information prenait une importance beaucoup plus grande. Mais avec l'arrivé du Web sémantique dans Google, cela est encore plus vrai, car Google ne va plus simplement indexer le site Web de votre entreprise et le positionner sur plusieurs mots clés, il va analyser votre contenu et essayer de le comprendre. De ce fait, il pourra déduire, quel type d'information vous proposez afin de déterminer si cela va apporter une réponse pertinente à la requête de l'utilisateur

Mieux se positionner avec le web sémantique
Imaginez que vous avez une boutique en ligne qui vend des iPads. Un utilisateur pourrait formuler la recherche : "Est-ce que je peux acheter un iPad près de moi ?" et Google pourrait répondre :
«L'entreprise X vend le nouvel iPad à 400$. Il se situe à 3km de chez vous soit à l'adresse suivante:»

Bien sûr, c'est un exemple totalement fictif. Dans un premier temps, j'imagine que le moteur traitera des questions généralistes avant d'entrer dans le détail comme ici. Toute fois, cela pourrait très bien être intégré à la stratégie du futur Assistant de Google sensé concurrencer Siri.
Quoi qu'il en soit, cet exemple sert essentiellement à illustrer les possibilités supplémentaires qu'offre un site Web sémantique. Ensuite, seul le temps dira comment Google gèrera et affichera toutes ces données.
Mais ce qui est sûr, pour que ces informations sortent, il faut que Google puisse analyser et comprendre votre contenu. Et un site Web qui dispose d'une structure sémantique aura beaucoup plus de facilité à se faire comprendre par Google et les autres moteurs de recherche qui prennent en compte la sémantique (comme Bing).

Comment rendre son site Web sémantique ?
Rien de plus simple, il faut faire une mise à jour de la structure de votre site Web. Autrement dit, il faut passer à l'HTML 5 et bien structurer l'information en utilisant le balisage et les métadonnées prévus pour chaque type d'informations. Si vous désirez en savoir plus, n'hésitez pas à contacter notre agence Web