Notre collaborons avec Video2brain pour leur fournir des tutoriels et cours en vidéo.

Pour eux nous avons enregistré cette formations Découverte de NodeJS, d'une durée de 2h30.

Au programme :

• Qu'est-ce que NodeJS ?
• Vos premiers pas avec NodeJS
• Création d'un serveur web très simple (avec Express).
• Gérer les vues et les templates (avec EJS et Jade).
• Lier NodeJS à une base de données MongoDB

Le premier chapitre de cette formation s'adresse à un très large public, mais pour la suite il vaut mieux avoir déjà fait un peu de programmation web.

Le design moderne et exigeant de ce site a été réalisé par l'agence Lemonchik.

Toxicode s'est occupé de la réalisation technique.

Project confidentiel
Techno : wordpress

Notre collaborons avec Video2brain pour leur fournir des tutoriels et cours en vidéo.

Pour eux nous avons enregistré cette formations Atelier pratique Ruby on Rails, d'une durée de 3h environ.

Le framework Ruby on Rails a profondément changé la façon dont on conçoit aujourd'hui le développement web. Il vous fera gagner beaucoup de temps lorsque vous construirez une application, à condition de respecter ses conventions et bonnes pratiques.

Cette formation vous donne l'occasion d'accompagner un développeur Ruby on Rails lors de la réalisation d'une petite application web, à partir de zéro. Vous aborderez ainsi de manière concrète de nombreux points cruciaux de Rails, et aurez un bon aperçu des outils et méthodes utiles au quotidien.

Si vous avez déjà eu un aperçu de Ruby On Rails, mais que vous avez besoin de conseils pour améliorer vos pratiques, cette formation a été conçue pour vous !

Au programme :

• Créer une application web avec un modèle simple de Ruby on Rails
• Utiliser les outils du développeur Ruby on Rails
• Faire un zoom sur les relations Active Record avec Rails
• Développer les listes, scopes et gestion des données dans Rails
• Gérer la sécurité et l'authentification dans Ruby on Rails

La société Abeilles Éditions nous a commandé un moteur pour faire des jeux de quiz éducatif.

L'administrateur peut choisir une image de parcours de jeu, rentrer des questions et réponses, et le jeu est créé.

La technique utilisée est HTML / CSS / JavaScript, le moteur et l'administration sont en Ruby on Rails.

Un de nos clients nous a demandé de faire le pont entre deux APIs en NodeJs. D’un côté WooCommerce : un outil d’e-Commerce pour wordpress. Et Sellsy : un logiciel en ligne, de gestion de ventes.

D’un point de vue technique, la difficulté de ce projet a été de récupérer les webhooks envoyés par WooCommerce et traduire leurs informations pour Sellsy.

Nous avons fait l'installation et la mise en production de l’application sur un serveur distant.

Notre client a été très satisfait, il nous a d’ailleurs re-contacté par la suite afin de faire des modifications sur son site auxquels impossible à faire via wordpress, notamment des features en lien avec la partie back du site. (est-ce-que je dois mettre des exemples ici ?)

Participation au développement de la plateforme dan-on.
Techno : Javascript / HTML / CSS

Ce joaillier parisien nous a confié la réalisation de sa boutique en ligne, à partir du design conçu par Antoine Depoid

La difficulté de ce projet résidait dans le fait que le client nous demandait de nous servir de la solution Prestashop, qu'il nous a fallu adapter à ce design spécifique.

Pour vos boutiques en ligne Prestashop, sachez que vous pouvez acheter à peu de frais des thèmes graphiques déjà adaptés à la plateforme.

Mais si vous êtes exigeant et souhaitez un design bien spécifique, prévoir que cela demandera beaucoup de travail, soit au graphiste pour se plier en amont aux contraintes Prestashop, soit aux développeurs pour arriver faire le pont entre une liberté créative du graphiste et les contraintes de la plateforme.

Autre solution : avoir une boutique électronique entièrement spécifique et codée pour vous. Cela représente un surcoût un développement, mais qui peut être contrebalancé par la facilité à intégrer les graphismes et vos demandes annexes, vu que les contraintes extérieures ont disparu.

Le choix dépend aussi des équipes techniques que vous avez à votre disposition. Par exemple, pour tirer au mieux profit des compétences de Toxicode, nous recommanderions :

• soit la solution petit budget : installation et configuration de Prestashop + thème acheté (avec retouches)
• soit une boutique réalisée entièrement réalisée par nos soins.

Nous avons réalisé une partie importante de cette application web et mobile, qui présente des statistiques et projections dans le domaine du transport aérien.

La partie délicate de ce projet venait de ce que les outils existants pour tracer des graphes en HTML5 sont en majorité pour du SVG, techno quasiment pas supportée sur les mobiles à l'heure actuelle.

Nous avons donc développé (en JavaScript) nos propres fonctions de tracé de graphes, avec animations et transitions fluides entre deux graphes, pour la technologie Canvas.

Nous avons travaillé en étroite collaboration avec Tralalère sur le projet Gamecode : un éditeur de niveau de jeux vidéo, où les utilisateurs doivent programmer différents éléments qu’ils auront préalablement placé dans leur niveau, que ça soit un personnage amical ou agressif envers le joueur ou un élément à collecter, comme une pièce par exemple. Une fois le niveau terminé, l’utilisateur peut l’enregistrer sur le serveur et le partager à ses amis ou bien continuer l’édition de celui-ci.

Nous avons été moteurs dans la conception de l’outil, en mettant l’accent sur la pédagogie et l’ergonomie.

L’interface devait être claire pour permettre à l’utilisateur d’éditer son niveau facilement et d’avoir accès à toutes les actions possibles sur une même page. Nous avons dû réfléchir à une manière, pour l’utilisateur, de programmer avec des blocs, nous avons choisi d’utiliser la bibliothèque Blockly pour cela. Nous avons travaillé sur ce projet en parallèle du développement de DataDecode qui est également une collaboration avec Tralalère, durant l’évolution des projets il a été décidé que la base de l’interface des deux outils soient communes, nous avons donc extrait une ossature découpée en différents modules de vue et de fonctionnement.

Nous avons développé cette application en Javascript, HTML5 et Css.

Daniel Delamare, un de nos clients, nous a demandé de l'assister pour créer un site permettant à des gens sans connaissance technique de se faire une page internet en quelques minutes. Avec l'idée d'intéresser les commerçants et professionnels en général.

Le service est en actuellement en ligne et sert dans une première phase pour les élections municipales et européennes : les différents candidats peuvent gratuitement y afficher leur photo, leur programme, etc. Tout ça étant regroupé dans un moteur de recherche avec géolocalisation.

Nous avons été moteurs dans la conception de l'outil, en mettant l'accent sur la simplicité d'utilisation, l'ergonomie et l'adaptabilité aux formats mobiles.

Nous développons et maintenons ce site en Ruby on Rails

Vous entendez souvent parler de NodeJS et n'avez qu'une vague idée de ce que c'est ?

Vous pouvez aller voir la vidéo de quelques minutes que nous avons réalisée à ce sujet.

Elle s'insère dans le cadre d'une formation plus longue sur NodeJS, que nous avons faite pour le site Video2Brain mais cette vidéo là est gratuite.

On y parle rapidement des particularités de NodeJS, et notamment de l'aspect asynchrone (vous ne savez pas ce que c'est ? pas de souci, c'est expliqué).

Toxicode, via Pierre Lancien, est membre actif de l'association d'entrepreneurs de Saint-Maur, Saint-Maur Entreprendre.

Nous avons réalisé le nouveau site de l'association, avec une partie administrateurs pour pouvoir notamment envoyer des newsletters aux membres, et afficher des actualités sur la page d'accueil.

Niveau technique, le site est réalisé en Ruby on Rails.

Reelation était un site de rencontre amoureuse d'un genre particulier : tout marchait par recommandations et mises en relations via des amis d'amis.

Cette start-up a fait appel à Toxicode car elle était dans une situation d'urgence : la qualité du code qui leur avait été livré dans une première version était trop mauvaise, il devenait difficile de faire évoluer le site.

Nous avons donc repris entièrement certains pans de l'application pour assurer une sortie d'une version 2 du site, avec notamment un chat en temps réel, une optimisation du graphe des relations entre deux personnes distantes, et correction de nombreux bugs.

Notre livraison a donné toute satisfaction à l'équipe de Reelation, mais malheureusement après quelques mois le site a été contraint de fermer, faute de financements.

Technique : Ruby on Rails pour le gros de l'application, et NodeJS pour le chat temps réel.

La banque Neuflize a mis en place le prix de l'innovation en 2014 et 2015 permettant à ses collaborateurs de soumettre des projets (vidéos, présentations).
Techno : Ruby on rails

Projet confidentiel
Techno : CSS/HTML

L'Institut du Cerveau et de la Moelle épinière nous confie régulièrement la réalisation technique de ses newsletters.

Le design est fait par un de nos contacts récurrents, Spout.

Nous avons la tâche de coder ce design plutôt exigeant pour une newsletter, de sorte à ce que le résultat d'affiche bien dans un maximum de clients mail (Outlook, gmail, Apple mail...), sachant que ceux-ci font souvent leur loi sur quels aspects du HTML ils respectent, ils ignorent, ou réinterprètent.

Cette start-up permet à des centaines de consommateurs d'agir collectivement en justice, pour avoir davantage de poids.

Nous avons eu en charge la réalisation technique, en Ruby on Rails, de l'ensemble, sachant que le design nous a été fourni.

La partie la plus délicate de ce projet aura été la génération automatique des PDF de dépôt de plainte aux tribunaux.

Depuis sa sortie, le site n'est plus maintenu et mis à jour par Toxicode, mais nous intervenons ponctuellement en support de l'équipe technique en place.

Un autre projet développé en collaboration avec Tralalère, cette fois-ci nous ne nous sommes pas occupé de la partie pédagogique ni de l’intégration graphique.

L’application est découpée en deux parties: elle reprend d’abord directement le fonctionnement et une partie des questions de notre outil Silent Teacher (voir notre section “Pour les animateurs”) en y ajoutant une composante musicale. Puis elle permet à l’utilisateur de créer des morceaux de musique en codant.

La manipulation de son n’est pas simple sur navigateur, et dans ce projet les sons doivent absolument être joués en rythme, il a donc fallu mettre en place un système permettant de compenser l’imprécision du navigateur.

Le développement de l’affichage des pistes musicales a été enrichissant car il est directement lié au code écrit par l’utilisateur, il a donc fallu créer un système très modulaire.

Nous regrettons juste de ne pas avoir pu avoir plus d’impact sur la partie pédagogique…

Pour cette prestation, deux de nos développeurs HTML5 ont travaillé à Rennes dans les locaux de la société innovante INNES, spécialiste des écrans connectés.

Ils ont eu pour mission d'améliorer l'interface graphique d'administration des programmes à diffuser sur les écrans, principalement en JavaScript.

En grande majorité, le niveau en JavaScript dans les entreprises françaises - même web - est assez débutant, plus proche du bricolage que de la programmation. INNES fait exception à la règle : nous avons pu constater que chez eux le JavaScript est utilisé comme une techno de pointe, jusqu'au pilotage hardware. Voir par exemple leur projet Playzilla.

L'agence Mediatools nous a confié la réalisation technique de ce jeu éducatif sur les éoliennes, dans l'univers du Petit Prince.

Techniquement, c'est du HTML / CSS / JavaScript. La petite difficulté était, à l'époque, la lecture de sons en HTML5 avec une bonne compatibilité sur différents navigateurs et mobiles.

Projet confidentiel
Techno : Wordpress

Pour nos clients qui veulent pouvoir envoyer des notifications en push sur les mobiles de leurs utilisateurs, nous avons mis au point un serveur en nodeJS, qui permet d'envoyer rapidement plusieurs milliers de messages, avec de bonnes performances.

Dans la version actuelle, notre outil est destiné aux iphones et ipads.

E-commerce spécialisé dans les luminaires haut de gamme
Techno : Ruby on rails

En collaboration avec la société Tralalère, nous nous sommes occupé du développement de DataDecode ainsi que d’une partie de sa conception. C’est un outil qui permet d’initier à la programmation et à la culture numérique en se basant sur la manipulation de bases de données.

C’est un projet qui nous a posé plusieurs défis techniques intéressants: nous avons dû créer notre propre modèle de base de données, avoir l’entièreté de l’application sur une seule page (donc créer des comportements d’interface complexes) et surtout fournir à l’utilisateur une API qu’il puisse utiliser dans un éditeur de code personnalisé mais également via une interface de programmation en bloc.

Nous avons travaillé sur ce projet en parallèle du développement de GameCode qui est également une collaboration avec Tralalère, durant l’évolution des projets, il a été décidé que la base de l’interface des deux outils soit commune, nous avons donc extrait une ossature découpée en différents modules de vue et de fonctionnement.

Le résultat est très satisfaisant et nous a permis d’explorer pour la première fois l’intégration d’un langage de programmation en bloc personnalisé.

Nous avons réalisé pour la société Kairos Transformation un serious game sous la forme d'un jeu de l'oie pour parler de leur activité : la transformation digitale des entreprises.

Les questions et les thèmes sont récupérés via des requêtes HTTP.

Le tout est réalisé en HTML / CSS / Javascript et l'affichage du jeu est fait en canvas.

Pour Pernod-Ricard, nous avons été amené à développer une interface entre des requêtes utilisateurs sur url avec de la recherche big data.

Cette interface est développée en node js, et déployée en lambda sur aws, via servelss. À l’origine sur CloudSearch, les datas ont été migrées sur ElasticSearch, tout en gardant les mêmes requêtes utilisateurs.

L’interface propose différentes urls simples, comme trouver un élément par son ID, un champ spécifique, récupérer des facets, etc… Et une avancée, permettant de récupérer très précisément ses résultats.

En plus de simplifier les requêtes utilisateurs, celle-ci s’occupe de filtrer les résultats.

Artners est une plateforme d’investissement dans l’art qui propose l’acquisition de parts dans des oeuvres afin de les revendre sur une place de marché en ligne. Nous avons participé à la conception et avons réalisé la plateforme en Ruby on Rails. Nous accompagnons toujours Artners dans sa direction technique afin de faire évoluer la plateforme.

Nous avons accompagné une équipe de notaires pour concevoir avec eux puis développer entièrement leur outil d’organisation principal : Planot. Planot est un logiciel de gestion de la production d’actes à destination des notaires, réalisé en Ruby on Rails.

Planot permet de suivre l'avancement de productions d’actes, propose une gestion fine des droits des différents utilisateurs, incorpore un fil de discussion au sein de chaque planning, ainsi qu’un système de notifications des retards et tâches du jour.

Il est également proposé avec un moteur de recherche avancé, ainsi qu’un outil statistique du calcul du chiffre d’affaires.

Ayant fait ses preuves pour le travail au quotidien de trois études notariales, Planot passe à l’échelle : nos clients rentrent en phase de commercialisation auprès d’autres notaires.

L’agence des blogueuses est un site de mise en relation entre des blogueuses et des marques. Les blogueuses ne peuvent s’inscrire qu’après invitation, et voient alors la liste des offres en cours. Les marques peuvent ensuite sélectionner les blogueuses parmi celles qui ont postulés.

Le site à été réalisé en Ruby on Rails. Les envois de mail sont automatisé et envoyés par sidekiq/redis.

Pour Pernod-Ricard, nous avons créé la partie serveur d’une application de gestion d’utilisateurs, avec des permissions sur différents type de ressources.

Les administrateurs peuvent manager des utilisateurs, des groupes, et des polices. Un algorithme s’occupe de définir quelles ressources un utilisateur peut récupérer ou manager, en fonction des groupes dans lesquels il est, grâce aux différentes polices de ses différents groupes.

Ces informations sont stockées dans une base dynamodb.

Pour le type de ressources auquel peut accéder un utilisateur, nous avons par exemple été amené à créer une interface entre différents buckets S3, copiant le comportement d’un explorateur de fichier, tout en filtrant les différents fichiers/dossiers renvoyés, ainsi que les actions possibles dessus (comme les télécharger, supprimer etc…)

Nous avons aussi participé au développement de la partie client, en angular.

Réalisé en collaboration avec Mediatools et le Kangourou des Maths pour France TV Education. Speedy Calculo est un jeu de calcul réalisé avec Adobe Edge Animate (le successeur de Flash) et destiné aux enfants. Toxicode s'est chargé de coder les règles et le déroulement du jeu en se branchant sur les interactions mises à disposition par l'intégrateur.