Cette nouvelle expérience s’accompagne de la mise à jour du moteur de wordpress qui est passé il y a quelques jours de sa version 2.9.2 à sa version 3.0.

Cette nouvelle interface est aussi pour fêter la date anniversaire du blog… Un an. Enfin, un peu plus.

Liste des nouveautés que vous trouverez dans le blog :

• look : notions de transparence
• apparition d’une barre de navigation sur le côté gauche vous permettant de scroller vers le bas et vers le haut lorsque vous descendez un peu trop dans une page. Elle remplace l’ancien bouton « haut de page » qui apparaissait en bas à gauche.
• Suppression de quelques extensions qui avaient tendances à ralentir l’affichage de la page
• La possibilité de commenter un article en récupérant des informations directement depuis votre compte Facebook et Twitter. Les données récupérées sont votre mail, votre adresse du compte et votre nom d’utilisateur (c’est à dire… les pré-requis pour poster). Les applications crées sur les deux plateformes par moi-même ne récupèrent pas d’autres informations.
• Intégration de nos trois derniers tweets sur la partie droite du site.

Mais cette migration n’est pas encore tout à fait finie. Voici la liste des choses à modifier

• Couleurs des titres
• Rajouts de petits picto par ci par là
• Création d’un nouveau menu déroulant à partir des catégories (qui en attendant se retrouvent sur la barre de gauche)

Tout aurait du être fait en même temps, mais le travail avec nos clients passe avant nos propres projets. Ce sont toujours les cordonniers les moins bien chaussés.

N’hésitez pas à nous faire part de vos retours, de vos idées…

Avant de parler de ces deux créations, voyons les modifications apportées à notre outil de gestion de contenu :

• Possibilité de générer automatiquement plusieurs templates pour plusieurs types de web phone. Il est donc possible d’avoir des design différents selon que votre mobile est un iPhone, un BlackBerry, un Androïd…
• Nouvelle gestion SEO permettant de faciliter votre gestion de l’indexation de vos pages. Possibilités de renseigner les champs manuellement ou automatiquement (extraction directe depuis votre saisie)
• Nouvelle gestion multimédia : création de galeries en quelques clicks, régénération. Possibilité d’adopter n’importe quel type de rendu… pour peu que vous vous y connaissiez. La gestion du cropping (retailler une image) a été revue et améliorer. L’incontournable gestionnaire de fichiers du server a été amélioré : possibilité de visualiser le contenu d’un zip, écouter un fichier .ogg…
• Création d’une régie publicitaire très basique. Elle permet de gérer le sponsoring, les partenariats. Vous décidez de l’emplacement de la bannière, sa fréquence et tout se fait tout seul
• Modification intégrale du moteur de template. Nous avons utilisé Smarty pour un portage et une intégration simplifié avec le CMS E-commerce Prestashop. L’affichage du site gère maintenant la mise en cache pour les sites plutôt statique.

Les derniers outils doivent arriver sous peu avec une démo multi design en fonction de votre matériel de navigation : 4 versions seront disponibles – iPhone, iPad, tous les autres types de plateforme mobiles, les écrans.

Qui a décidé de nous faire confiance avec cette Béta ?

Nous avons collaboré avec la Régie 1633 et Studio555 pour mettre en ligne le site des 100 filles les plus sexy du magazine mondialement connu : FHM.

Le site exploite notre Babel CMS avec gestion de l’orientation pour iphone.

Vous en trouverez un aperçu ici en visitant le site des 100 filles les plus sexys de FHM

Nous avons aussi travaillé avec le salon contemporain d’art, le Sm’art 2010 basé à Aix En provence.

Pour ces deux sites, le principe est simple. Des données organisées en catégorie et sous catégorie. La navigation est adaptée à la téléphonie mobile. Site léger et simple, effet minimisé pour éviter les ralentissements dans les connexions 3G.La page finale est une fiche, d’une oeuvre, d’un artiste avec du texte et des images.

Pour vous faire une idée, le mieux est d’aller y faire un tour.

Chaque site est livré avec un backoffice permettant de modifier les données très simplement.

La version finale est prévue début septembre. Si vous aussi, vous voulez posséder votre site et vous positionner sur le web mobile, sans vous casser la tête : n’hésitez pas à nous contacter.

Nous pouvons vous y aider. En moins d’un an, le nombre de requêtes sur les moteurs de recherches Russes a augmenté de 94%^[1].

Yandex, Rambler, Mail … les 3 leaders de la recherche sur le web en Russie (Google y est aussi bien présent, mais là, la démarche n’est pas la même) représentent à eux trois 72% du trafic.

N’hésitez plus.

[1] : Source : WRI

En effet, nous n’avons chômé sur ces deux derniers mois.

Mise en ligne de 3 sites clients :

• Mars 2010 : Le Motoclub Dauphinois : Site de l’association de motards dans la région de Grenoble. Le Design a été fait par l’un des membres (design du casque, charte des couleurs). Nous leur avons mis en place la dernière version de Babel CMS : gestion des commentaires, gestions des fichiers du serveur, création de galeries d’images en quelques clics… Interconnexion et rapatriement de leur Forum de discussion.
• Février 2010 : Réfaction d’un e-commerce pour Dépot Center : Passage de Zend_Cart à Prestashop. Réfaction du design (sauf la bannière, créée par le propriétaire). Installation du module de paiement SIP/Atos
• Janvier 2010 : Création du site e-commerce pour Stock Limité : Installation de Prestashop. Création du design. Création d’un module navigation privée. En effet, pour accéder au site, il faut être propriétaire d’un code. Le code est envoyé par le gérant de la boutique. Le site n’est ouvert que quelques jours par mois et ferme le temps d’arrivage des nouveaux produits. Nous avons créé le module de navigation pour le prestashop, intégrer la gestion du dit module en backoffice.

Nous avançons aussi dans les projets de la boîte qui sont nombreux :

Sur Babel CMS

• Développement et optimisation du moteur de Babel CMS. La vraie version finale 1.0 est pour bientôt. Nous travaillons sur l’intégration de la navigation sur les téléphone mobile, gestion de la position de l’écran pour l’iPhone/iPod/iPad… Nous allons améliorer le système de gestion et d’import des images, permettant un travail sur des fichiers multilangues. Cela va aussi simplifier (plus encore) la création des galeries.
• Travail sur l’intégration d’une régie publicitaire dans Babel CMS. Cela permettra aux clients de gérer leurs partenaires, les heures d’affichage, le temps d’affichage, la planification
• Travail sur la gestion des blocks indépendant, permettant de placer des blocks multilangues directement dans le template : système de news, système SEO pour le référencement

Autres Projets

• Comme vous avez pu le remarquer, la v0.2 du MooCountdown est sortie. Je l’ai mis à disposition ici : MooCountdown 0.2
• Nous travaillons sur un projet très top secret pour Marseille Capitale de la Culture 2013. Le travail a vite progressé et nous devrions très bientôt pouvoir offrir une démo à notre commanditaire.
• Pen Arvin revient tout doucement dans nos petits papiers. Nous attendons vraiment d’avoir plus de temps ou de bras pour lancer la béta v3… Dur dur ! Mais on n’abonne pas.
• En parlant de bras, un jeune stagiaire vient de rejoindre nos rangs et ce pour une durée de 3 mois. Le jeunot va découvrir les joies de la vraie programmation, celle qu’on n’apprend pas à l’école : moteur de template, programmation objet, la totale. Nous l’avons mis sur un des projets top secret de l’entreprise là aussi et nous espérons qu’il va s’en sortir comme un chef (en fait, on en doute pas une seconde hé hé)

Mais, nous gardons en tête que nos clients, vous, êtes prioritaire sur tous nos projets. N’hésitez pas à nous solliciter pour vos questions, vos projets, nous restons à votre écoute.

Bonne navigation sur les pages de Web Innovation

MooCountdown (mootools countdown) -v 0.2 [English]

Here is the latest version of the script.

It does not change the possibilities of the script at present. The structure of the code was improved, some correctives were brought because there was a bug on IE.

The declaration and the instanciation of the class saw itself simplified too. Fewer options (use of array), simpler legibility.

Changelog :

• + Decomposition in 1 class mother ( MooCountdown) and 2 class girls: MooCountdown.Date which manages a countdown from now to a precise date and MooCountdown.Countdown which manages the simple countdown of seconds.
• + Correction of the Tween effect to work under IE 7 +
• + Care of the notion of year

Download

• Download via Github/Rwk/MooCountdown
• Download zip via blog
• Just Download the script

Demo

The new demo is here : démo MooCountDown v0.2

Instanciation :

Remerciements

Thanks to Tlkshadow for the corrective and the assistant for the division.

MooCountdown (mootools compte à rebours) -v 0.2 [Français]

Voici la dernière mouture du script.

Elle ne change pas les possibilités du script actuellement. La structure du code a été améliorée, quelques correctifs ont été apportés car il y avait un bug sur IE.

La déclaration et l’instanciation de la classe s’est vue simplifiée elle aussi. Moins d’options (utilisation de tableaux), lisibilité plus simple.

Changelog :

• + Décomposition en 1 classe mère (MooCountdown) et 2 classes filles : MooCountdown.Date qui gère un décompte de maintenant à une date précise et MooCountdown.Countdown qui gère le décompte simple de secondes.
• + Correction de l’effet Tween pour le faire fonctionner sous IE 7+
• + Prise en charge de la notion d’année

Téléchargement

• Téléchargement via Github/Rwk/MooCountdown
• Télécharger le zip via le blog
• Télécharger juste le script

Démo

La démo se trouve là : démo MooCountDown v0.2

Instanciation :

Remerciements

Merci à Tlkshadow pour le correctif et l’aide pour le découpage.

Pour gérer simplement nos propres templates, Prestashop utilise le moteur Smarty. La documentation de presta, malgré 2 ans de présence sur le web, n’existe toujours pas. Donc, parfois, dans le code, on fait des découvertes.

En regardant rapidement, j’ai trouvé comment gérer le mode connecté/déconnecté pour afficher certaines informations.

Et vous, le savez-vous ?

Ce n’est pas une grande découverte, et peut-être le saviez vous.

Il existe une variable appelée « $logged » que nous pouvons utiliser dans nos fichiers .tpl.

Voici un exemple, mettez les lignes suivantes avant le « /body » de votre de votre fichier footer.tpl et testez.

A partir de maintenant vous pourrez masquer les informations de votre choix en quelques lignes de code =)

Bonne journée et bonne navigation

Elles sont très timides, mais en progression.

Pour la période Juin 2009 à Décembre 2009 :

• 32 articles publiés
• 9 commentaires (:()… Si on enlève les pings => 3 commentaires seulement. Merci à mon ami DjSunn pour l’intérêt qu’il nous porte.
• 64 spams bloqués : merci aux revendeurs de pilules bleu et de l’intérêt qu’ils ont pour…
• 588 visiteurs uniques
• 1402 pages lues
• L’article ayant le plus de succès : Le MooCountdown
• 73% d’Européen et 22% d’Américain.  Un petit graphique montrant un peu les chiffres
• L’ami googlebot est passé 22 fois

Le combat des configurations OS

• 40% de Windows Xp
• 22% de Windows Vista
• 10% de Linux
• 10% de Windows Serveur 2003
• 4% de Mac

Les Navigateurs

Mes stats ne sont que le reflet de la tendance actuelle. Windows Internet Explorer est en déclin.

• 58% de Gecko
• 35% d’Internet Explorer
• 6% de Khtml
• 1% Opera

Cela donne plus précisément :

• 28% de firefox 3.5
• 21% d’IE 6 <= Ceci est que pure folie. Arrêtez de venir avec ça, je vais finir par vous bloquer hein =)
• 18% de Firefox 3
• 10% de Mozilla 5
• 8% et 5% d’IE 8 et IE 7
• [...]
• 0.14% de IE 5.5 <= ceci est un crime. 55 ans de prison normalement =)

Les écrans et résolutions

• 51% d’écrans normaux
• 48% d’écrans large
• 1% de bi-écran (g33ks)
• 19% de 1280×1024
• 19% de 800×600 ??? <= C’est une blague ? L’ère de la technologie, et tout… vous connaissez :p ?
• 17% de 1440×900 (écran 17″ 16:9)
• 15% de 1280×800 (16:9 aussi)

Voilà pour ces stats.

Avec un pannel d’un demi millier de visite, nous collons quand même avec ce qui se dit sur l’évolution de l’utilisation du web.

En espérant que dans 6 mois ou un an, je pourrais vous présenter des stats beaucoup plus satisfaisantes.

Il est très clair que le plus grand moteur de visite à été nos quelques sujets traitant tutoriels. J’espère pouvoir vous en présenter d’autres.

Bonne fin de journée

Pour commencer, toute l’équipe de Web Innovation vous souhaite de passer une excellente année 2010.

Quelle soit prospère et qu’elle vous permette de réaliser vos projets web.

Le site de notre société de création de site internet (Marseille) vient d’être mis à jour. Principalement, ajout des projets en cours, des derniers créations…

Nous approchons doucement de la date anniversaire des 1 ans de la société. Nous espérons en passer encore de nombreuses à vos côtés.

Bonne fin de journée

MooCountdown – v0.1

Mootools (v1.2.x) Countdown

Version Française

English Version

The Concept:

MooCountdown is a plugin functioning for the JavaScript Mootools Framework allowing to generate a countdown.

Based on the David Walsh’s plugin (http://davidwalsh.name/mootools-countdown-plugin), MooCountdown extend the class to the use of Timestamp for an employment “W days, X hours, Y minutes, Z seconds”. It is easy to create a simple and intuitive countdown.

/!\ Warning: This plugin is the first one that I realize for Mootools. The code is functioning but it may be not optimized yet.

Prerequisite course:

• Mootools 1.2 x (core and more)
• Recent browser (IE 8, FF 3.5, …)

Demonstration:

Check the example page of MooCountdown plugin.

Use:

Step 1:

Put these following scripts in the header: mootools core 1.2, mootools more 1.2 and MooCountdown.

Step 2:

Instantiate the MooCountdown object to the Domready

/!\ Warning : The futurDate parameter is a Timestamp in milliseconds. If you generate it from the PHP function “Time ()”, you will get a value in seconds. Then don’t forget to multiply this value by 1000. 1 second = 1000 milliseconds.

Step 3:

Put the container application in your page’s body

Documentation:

This is the list of parameters:

• Container (string): ID of the HTML element which contains the countdown. Default : ‘countdown’
  futurDate (Timestamp in milliseconds): The countdown’s start in milliseconds. Minimal value = 1. Default : empty.
• OnlySeconds (Booleans): If the fixed value is true, there will not be a formatting days/hours/seconds. If you wish to create a countdown for only few seconds, give this value at true. Default : false.
• dayText, hourText, minuteText, secondText (string): Text for the administration of internalization. Default, French value for day, hour, minute, second.
• onCompleteText (string): Text displayed after the ended of the countdown. Default : null
• startFont: starting size of the text for the tween effect. Default : ’32px’
• finishFont: arrival size of the text for the tween effect. Default : ’16px’
• duration (int): length of the animation and the count of seconds. Default : ‘1000’
• onComplete (function): Personalized function to trigger at the end of the countdown. Default : empty.

Example:

Class instantiation:

The container which hosts the count:

Download:

You can download:

• the Moocountdown script only
• sources with Mootools 1.2.4 (core and more) + examples

Support :

If you pick up bugs, you can contact me through the following form. If you have any questions or smalls bugs, please leave a comment.

Innovations still to come:

• code’s optimisation
• use of picture instead of text
• other effects

Changelog:

Actual version: Moocountdown v0.1

Thanks:

• David Walsh, his work and his countdown class
• Sam and Troy from Consider: Open for their tutorials ’30 days with mootools 1.2’
• My friend Joach’ for the translation of this article in English
• My friend Seb’ for the translation of this article in Spanish

Versión española

MooCountdown es un plugin que funciona para Framework Javascript Mootools permitiendo generar una cuenta atrás.
Basado en el plugin de David Walsh (http://davidwalsh.name/mootools-countdown-plugin), MooCountdown extiende la clase a la utilización de Timestamp para una utilización  » W días, X horas, Y minutas, Z secundas « . De hecho se puede crear una cuenta atrás simple e intuitiva.
/!\ Cuidado : este plugin es el primero que creo para Mootools. El código funciona pero puede ser optimizado.

Prerrequerido

• Mootools 1.2.x (core y more)
• Navegador reciente IE8, FF3.5

Demostración:

Citijirarse a la página de ejemplo del plugin MooCountdown

Utilizacìon:

Etapa 1:

Coloque los guiones mootools core 1.2, mootools moro 1.2 y MooCountdown en el membrete de la página.

etapa 2 :

Instanciar el objeto MooCountdown al Domready

/ ! \ Cuidado : el parámetro futureDate es un timestamp en milisegundos. Si lo genera a partir de la función PHP  » time ()  » obtiene un valor en segundos. No olvide multiplicar este por 1000. El 1 segundo = 1000 milisegundos.

Etapa 3:

Pone el body de su página el contenedor.

Documentación

He aquí la lista de los parámetros:

• container (string): ID del elemento HTML que contendrá la cuenta atrás. Defecto: ‘Countdown ‘
• futureDate (timestamp en milisegundos): el principio de la cuenta atrás en milisegundos. Valor mínimo: 1. Defecto: empty.
• OnlySeconds (booleano): si la valor esta fijado en « true » no habrá formateo días / minutos / segundos. Si desea hacer una cuenta atrás de unos segundos, poner este valor en « true ». Defecto: false
• DayText, hourText, minuteText, secondText (string): Texto para la gestión de la internacionalización. Defecto : valor francés.
• OnCompleteText (string): texto que aparece una vez el descuento acabado. Defecto: null
• startFont (string): Tamaño del texto al principio para el efecto Tween. Defecto: ’32px
• finishFont (string): tamaño del texto al punto para el efecto Tween. Defecto: ’16px’
• Duration (int): duración de la animación y del descuento de los segundos. Defecto: ’1000′
• OnComplete (function): Funccion personalizada a activar al fin de la cuenta atrás. Defecto: empty

Ejemplo

Instanciacion de la clase:

Contenedor que acogerá el descuento:

Cargamiento:

Se puede cargar:

• Unicamente el guión MooCountdown
• las fuentes con Mootools 1.2.4 (core & more) + ejemplos

Soporte:

Si detecta bugs, puedes contactarme con el formulario siguiente.
Para sus preguntas o pequeños bugs, por favor, deje un comentario

Proximamente :

• Optimización del código
• utilización de imágenes en lugar del texto
• otros efectos

Changelog :

Versión actual: MooCountdown v0.1

Agradecimiento:

• David Walsh, su trabajo y su clase countdown
• Sam y Troy de Consider: Open para su tutoriels ‘ 30 days with mootools 1.2 ‘
• Mi amigo Joach’ para la traducción de mi artículo en inglès
• Mi amigo Seb’ para la traducción de mi artículo en español

J’ai été peu loquace sur le site ces dernières semaines. Mais nous avons eu énormément de travaux, surtout en matière d’e-commerce.

Nous venons de terminer en ce jour le site de vente de bijoux fantaisies à prix discount : Bijouxdequalité

Bijouterie discount

Bijoux de Qualité est un site internet mettant en relation des internautes désireux de trouver facilement une très large gamme de bracelets, colliers, bagues, pendentifs et autres bijoux. La femme actuelle aime modifier son apparence et l’accessoire est un plus indéniable dans sa démarche de suivre ou de précéder la mode. Les bijoux font bien entendu parti de cet artifice de séduction.

Dans le site Bijoux de Qualité, les internautes trouveront tous les styles de bijoux à des prix défiant toute concurrence sans pour autant négliger la qualité.

Côté accessoires, vous trouverez dans le site un immense choix d’articles destinés à mettre en valeur la beauté des femmes, du maquillage, de la lingerie sage et parfois coquine, des vêtements, des jeans de marques et quelques objets de détente, sels de bains par exemple.