React.js : la bibliothèque d’applications web dynamique.

React.js : la bibliothèque d’applications web dynamique. Qu’est-ce que React ou React.js ? Développé en 2013 par Facebook, React (ou React.js) prend les développeurs sous son aile en leur offrant une bibliothèque Javascript open source, pour faciliter la conception d’application web dynamique et ergonomique. React.js promet un gain de temps pour les développeurs et un confort d’utilisation renforcé pour l’utilisateur final.   Pourquoi a-t-on besoin de bibliothèques JS ? Apparue vers la fin des années 90, les bibliothèques JS sont utilisées pour concevoir des interfaces, des framework, des plugins mais aussi des langages de programmation. Une bibliothèque JS contient des « routines » qui facilitent le travail de développement et les manipulations par l’éditeur de lien ou le système d’exploitation. Là où la bibliothèque de React.js parvient à sortir du lot, c’est par son utilisation simplifiée mais géniale d’un DOM virtuel, qui met à jour le rendu dans le navigateur uniquement à la demande. Ce qui en fait une bibliothèque Javascript plus performante. React.js : pour des applications web plus dynamiques L’interface de l’application (UI) est géré par React.js, via la création de divers composants qui génèrent une page HTML, dépendants d’un état donné (nommé également “View” dans le modèle MVC). ReactJS se détache du système classique de templates pour ne fonctionner qu’en Javascript, et améliorer ainsi l’écriture de la “View” dans le module MVC. La plupart des applications web actuels utilisent React.js pour son code modulable et l’efficacité de dialogue entre le client et le serveur. Le rendu html produit est exécuté dans un premier temps sur le serveur, puis relayé côté client pour la vérification de l’état. Concrètement, cela signifie pour l’utilisateur que pour chaque page sur laquelle il vient à naviguer, seul les données nécessaires sont récupérées dans un manifest JSON.   Le DOM virtuel Puisque React réagit négativement avec un langage de templating, il préfère générer un DOM virtuel, en Javascript, et se passer des API du navigateur. Cette méthode rend la construction du DOM plus rapide. C’est ce DOM qui permet, entre autre, d’actualiser les composants modifiés au lieu de toute la page HTML. Un gain de temps pour les développeurs React.js dispose d’une large communauté de développeurs, très active dans le développement de modules tiers. Un écosystème richement documenté pour vous donner la liberté de faire ce que vous voulez. Les avantages de React.js Son DOM virtuel Un code modulaire, propre et intelligible Ses JSX Sa rapidité Enfin, notons que React.js est entièrement référençable, pour un SEO de qualité. React Native : le côté mobile en plus React.js a fait des émules, notamment du côté de la création d’applications mobiles avec React Native. Mais il existe beaucoup d’autres déclinaisons, dont React Word (pour la création de document word) et React PDF (pour créer des PDF). Notre agence mobile Digitalcube.app utilise React Native pour développer certaines de ses applications mobiles.  Nous réaliserons ensemble toutes vos idées d’applications mobiles ! Passez à ReactJS ! React.js est loin d’être une simple technologie « à la mode », son adoption se justifie dès lors que les développeurs cherchent à gagner en modularité ou à se passer une bonne fois pour toute de phantomjs dans le but d’obtenir un pré-rendu de l’application côté serveur. La bibliothèque React.js est déjà utilisée par de grands sites comme Netflix et Airbnb, et bien sûr par Facebook, qui pratique... Lire la suite

Livre-Blanc : Comment rédiger un cahier des charges web ?

Livre-Blanc : Comment rédiger un cahier des charges web ? Créer un site internet demande énormément de ressources et d’outils dont nous ignorons parfois la véritable utilité. Lorsque les défauts récurrents à tous les projets surviennent inévitablement, ils ralentissent à la fois les espérances de votre client et le moral de votre équipe. A la base de ces défauts nous trouvons le « cahier des charges site web« , différent du cahier des charges classique, car spécifique à la création d’un site internet. La rédaction d’un cahier des charges doit normalement servir de fil conducteur au projet, un référentiel indispensable à tous les acteurs du projet. Mais malheureusement, son écriture n’est pas toujours évidente et le client votre client, pressé par le temps et ses obligations, ne peut pas allouer trop de temps à sa conception. Notre LivreBlanc – Guide du Cahier des Charges Web, vous donnera les clés d’une bonne rédaction, simple et efficace, afin que la création de votre site internet se déroule au mieux. Le cahier des charges site internet : les grands principes Du budget prévisionnel aux outils de communication, le cahier des charges a pour but de faciliter le développement de votre projet et d’éviter tout dépassement budgétaire ou temporel qui serait fatal pour vos ambitions. Il se différencie du cahier des charges classique en incluant des éléments propres au secteur du web 2.0. Par exemple, le modèle de cahier des charges site web soit comporter une section SEO, détaillant les mots clés de votre corps de métier. Ainsi, le prestataire sera plus à même d’orienter sa prestation SEO en conséquence. Sa rédaction doit être la plus simple possible : Structurez votre document (sommaire, titres, numéros de pages, etc.) Allez toujours à l’essentiel. N’hésitez pas à y incorporer des images, diagrammes ou tableau. Qui doit avoir accès au cahier des charges ? En tant que document de communication indispensable, le cahier des charges s’identifie à un référentiel contractuel, entre votre équipe et le prestataire. Tous les acteurs du projet doivent y avoir accès facilement. Cette mesure de précaution sera utile… Pour votre équipe : En interne, ce document permet à tous de connaître son rôle et ses tâches à effectuer. Pour votre budget : celui-ci se fait en fonction de vos besoins établi par le cahier des charges. Les personnes en charge du budget ont tout intérêt à garder ce document avec eux. Pour les personnes externes au projet : si vous possédez des fournisseurs de contenus (type rédacteur ou photographe). Un outil de gestion de projet efficace Le cahier des charges est votre référence absolue, le fil rouge de votre projet. Avec lui, vous n’oublierez plus rien, l’essentiel du projet est connu et déterminé à l’avance. Grâce à lui, la relation avec votre prestataire est de meilleure qualité et plus plaisante. Ce document est le principal outil de communication de votre projet, sa rédaction vous rendra fier de votre travail, et fera de votre projet une réalité. Téléchargez notre LivreBlanc – Guide du Cahier des Charges Web ou contactez-nous via notre formulaire. Nous serions heureux de pouvoir analyser votre cahier des... Lire la suite

La création d’un site internet en 12 étapes

La création d’un site internet en 12 étapes Vous êtes décidés ! Vous avez envie de refaire votre site ou d’en créer un nouveau mais à l’heure actuelle c’est un domaine que vous ne connaissez pas et vous aimeriez en apprendre un peu plus sur le processus de création d’un site internet. Vous êtes donc partis à la recherche de plus d’informations et vous venez de tomber exactement au bon endroit ! Se lancer dans un tel projet demande une méthodologie et une certaine rigueur pour pouvoir mettre en ligne un nouveau site sans encombre. Le client et l’agence doivent tous deux s’impliquer dans ce projet commun pour le mener à bien, c’est un travail de collaboration et de confiance mutuelle tout en long du projet. Dans notre agence nous avons mis en place une méthodologie fonctionnelle qui permet à chacun de trouver sa place. En effet, pour créer un site internet c’est toute une équipe qui se mobilise : chef de projet, graphiste, intégrateur, développeur et rédacteur web selon les besoins. 1) L’expression des besoins Tout commence par un premier rendez-vous réunissant le client et l’agence afin d’échanger sur les besoins du client pour son nouveau site internet. Cette première étape permet de définir le périmètre du site, de mieux comprendre les fonctionnalités nécessaires, le public à viser, la thématique générale du site, le calendrier de réalisation souhaité, les contraintes, les concurrents, etc. C’est une étape primordiale pour débuter le projet en toute sérénité. 2) Le cahier des charges Une fois les besoins établis et analysés, vient le moment de la rédaction du cahier des charges. Un document formel et détaillé présentant les besoins exprimés lors de la première étape. Il détermine les solutions techniques qui seront utilisées, les fonctionnalités, le calendrier, les participants du projet, etc. 3) L’arborescence Une fois que tous les éléments fonctionnels et techniques ont pris forme, il est temps de se pencher sérieusement sur l’arborescence du futur site. Elle est essentielle pour pouvoir construire les maquettes et doit être pensée tout en amont du projet pour déterminer la navigation dans le site internet. Pour la construire, il est essentiel de bien comprendre la ou les thématiques du nouveau site ainsi que les cibles visées. 4) Les maquettes graphiques (wireframes) L’arborescence définie et validée par tous, on peut ensuite se lancer dans l’étape des wireframes. Il s’agit là de créer une maquette basique afin de placer les éléments sur la page. Il faut ainsi déterminer quels seront les éléments à placer au premier plan ou au second plan. C’est une étape à ne pas manquer pour faciliter ensuite la création graphique. 5) La création graphique Cette étape permet de transformer les wireframes en maquettes graphiques afin de donner une vraie identité et une vraie image au site internet. C’est le graphiste que prend en charge cette partie. Toutes les gabarits de pages doivent être détaillés, ils peuvent être plus ou moins nombreux selon les sites : la page d’accueil, la page de contenu, la page produit, la page liste, la page contact, des pages spécifiques… 6) L’intégration des maquettes Une fois l’étape des allers-retours pour valider les maquettes terminée, vient le tour de l’intégrateur web. Il transforme toutes les maquettes en pages web en respectant les normes W3C et en s’assurant de leur rendu sur les différents supports si le site est responsive. 7)... Lire la suite

Quel CMS choisir pour son site web ?

Quel CMS choisir pour son site web ? Impossible aujourd’hui de ne plus être présent sur le web. Pour exister il est désormais nécessaire de posséder un site internet. Mais pour le créer quelle solution choisir ? Le but de cet article est de vous aider à choisir le CMS adapté à vos besoins. WordPress, le plus facile des CMS En général, si on connaît un seul CMS c’est bien WordPress. Utilisé à la base en tant que plateforme de blog, il s’est vite imposé pour la création de sites plus évolués pour aller jusqu’à de petits sites e-commerce. Tout son code est écrit en PHP et il repose sur une base de données MySQL. Ses avantages : Une installation simple et rapide avec tout de même quelques connaissances en code De nombreux thèmes déjà existants à personnaliser De très nombreux modules Une communauté très active Une bonne ergonomie et une navigation assez instinctive Ses inconvénients Des failles de sécurité importantes Un CMS non adapté lorsqu’on a besoin d’installer des dizaines de modules et de fonctionnalités différentes. La vitesse de chargement du site va progressivement augmenter Certains plugins ne fonctionnent pas entre eux et peuvent entraîner des erreurs sur le site. Des fonctionnalités de base manquantes (ex : il est nécessaire d’ajouter le plugin pour avoir un formulaire de contact) Notre avis : Un CMS facile à prendre en main, de bonne qualité pour les sites de petite envergure qui ne nécessitent pas de fonctionnalités trop avancées. Excellent pour gérer des blogs mais moins pour des sites complexes. On apprécie les très nombreux thèmes existants qu’il est possible de personnaliser. Drupal, le CMS généraliste Comme WordPress, Drupal est à la base un système de publications de blog mais il a peu à peu évolué en un véritable framework de développement. Il possède sa propre structure de données en « node ». Ses avantages : Un logiciel libre Une grande communauté de développeurs autour de Drupal De très nombreux modules existants Un CMS adapté pour des gros sites avec des fonctionnalités avancées Une très grande flexibilité Multi-sites Mutlitplateforme : WMP, LAMP, MAMP, XAMP etc. Ses inconvénients : La difficulté de configurer ce CMS. Il nécessite d’importantes connaissances dans les langages web Un CMS qui contient sa propre terminologie, soit une nécessité de parle le « Drupalien » pour configurer un site Une lourdeur et une lenteur importante en raison de sa grande modularité. Ce CMS ne convient donc pas avec un hébergement gratuit Très gourmand en ressources, il faut donc faire particulièrement attention à sa configuration Difficile à prendre en main pour un débutant Un risque de sécurité car open source mais moins important que pour WordPress Notre avis : Un excellent CMS avec lequel il est possible de faire des sites très poussés et de mettre en place des configurations spécifiques. A recommander pour des sites professionnels qui ont besoin de fonctionnalités complexes. Cependant quelques défauts sont à prendre en compte telles que la lenteur et la lourdeur du site. Plus le site sera important plus les problèmes se feront sentir. Cela nécessite des développeurs spécifiques pour maximiser la configuration. C’est donc un très bon CMS pour tous ceux qui ont besoin de sites avancés et de qualité. Blue Cube, le plus souple des CMS Contrairement aux deux autres CMS, Blue Cube n’est pas open source. Il a été développé avec des technologies open... Lire la suite

Qu’est-ce qu’un CMS ?

Qu’est-ce qu’un CMS ? Le CMS (Content Management System) ou Système de Gestion de Contenu en français est le meilleur moyen d’éditer facilement du contenu sur son site. Autrement dit, c’est aujourd’hui l’outil indispensable pour tous ceux qui ont besoin de faire vivre et d’animer leur site au quotidien. Quel est son fonctionnement ? Côté technique, le CMS est un type d’application web qui fonctionne avec un serveur et une base de données. Lorsqu’un internaute lance une recherche sur un site, le serveur web interroge la base de données pour afficher le contenu correspondant à la requête. Concrètement il se compose de deux parties distinctes : le contenu et la présentation du contenu. Le premier est sauvegardé dans la base de données structurée en tables et en champs. Quand on change le contenu via l’interface d’édition, cela modifie automatiquement les champs dans la base de données pour mettre à jour le site. C’est pourquoi on parle de site dynamique. Tout CMS est constitué d’un noyau central qui contient toujours les mêmes fonctionnalités auquel on va ajouter des modules afin d’installer selon les besoins des fonctionnalités spécifiques. Le grand avantage de ce type de logiciel c’est qu’il est modulaire, c’est-à-dire que les modules seront installés en fonction des besoins.   Le CMS, un outil d’édition indispensable Le système de gestion de contenu c’est le meilleur moyen connu à ce jour pour modifier à volonté le contenu de votre site internet. Il vous permet : De gérer la structure de votre site, c’est-à-dire de modifier son arborescence (modifier le menu, ajouter ou supprimer des pages). De gérer tout le contenu de vos pages grâce à un éditeur de texte. Comme pour Word, l’éditeur de texte permet la mise en forme du texte : choisir un titre avec un style prédéfini dans le template, modifier le style du texte (gras, italique, liste à puces etc.), ajouter des liens, ajouter des images et des vidéos. C’est également un outil collaboratif qui donne le droit à l’administrateur de choisir qui peut contribuer au contenu du site et sur quelles parties du site.   Les questions à se poser avant de choisir son CMS Attention, tous les CMS ne se valent pas, bien au contraire ! Et tous n’ont pas les mêmes fonctionnalités. La première question à se poser c’est : « Quel est la finalité de mon site » ? Est-ce que mon site sera une simple vitrine institutionnelle de mon entreprise ? Est-ce qu’il est destiné à vendre des produits ou des services ? Est-ce que plusieurs sites doivent cohabiter sur un même CMS ? La seconde question c’est : de quelles fonctionnalités ais-je besoin ? Est-ce que mon site aura besoin d’un module spécifique comme un module newsletter, un formulaire avancé, un forum, un magazine en ligne ? Attention à bien analyser toutes les possibilités offertes par un CMS pour ne pas être bloqué une fois le projet bien avancé par une fonctionnalité manquante. La troisième question, toute aussi importante que les deux autres est la sécurité. Est-ce que le CMS que je vais utiliser est souvent soumis à des failles de sécurité ? Cette question majeure devrait recevoir une attention toute particulière. Enfin, dernière question : qu’en est-il du caractère évolutif du CMS ? Si le CMS dispose d’une communauté active c’est déjà bon signe. Mais ce n’est pas tout, lorsqu’une mise à jour est lancée, va-t-il falloir acheter de nouveaux les modules... Lire la suite

Pourquoi choisir le développement spécifique ?

Pourquoi choisir le développement spécifique ? Pour un nouveau site internet, une application métier ou tout autre projet qui nécessite du développement informatique, une question capitale est à se poser en amont : faut-il opter pour un logiciel existant ou du développement spécifique ? Concrètement, un logiciel sur mesure va parfaitement s’adapter aux besoins d’une entreprise tandis qu’un logiciel déjà sur le marché va devoir être adapté avec les fonctionnalités déjà présentes. Ce type de logiciel, même s’il est capable de répondre à la plupart des demandes, ne pourra pas s’adapter à 100% aux demandes des clients pour des besoins spécifiques. Les atouts incontournables du développement spécifique Aucune contrainte La grande différence entre du sur mesure et de l’existant ce sont toutes les contraintes liées au code qui peuvent rapidement bloquer les meilleures idées. A l’inverse, le développement sur mesure permet de laisser libre court à son imagination, aussi bien au niveau du design que des fonctionnalités. Une personnalisation 100% adaptée Pas besoin de surcharger le logiciel avec des fonctionnalités inutiles, un logiciel sur mesure permet d’avoir uniquement les fonctionnalités nécessaires et de ne pas se perdre dans les menus. Des modules développés pour des besoins spécifiques Dans du développement spécifique, rien de plus simple que d’imaginer un module pour une tâche précise et de l’intégrer au logiciel. Aucun risque que ce module ne soit pas compatible avec ceux qui sont déjà existants. En revanche, dans la plupart des logiciels il est parfois difficile d’ajouter un module sans avoir de bugs en raison de la compatibilité des versions. Comparatif entre un CMS sur mesure et un CMS du marché Prenons l’exemple d’un CMS sur mesure comme le système de gestion de contenu Blue Cube qui  supporte tous les types de sites et les CMS Magento, Drupal ou Prestahop. Quand le site reste dans les fonctionnalités basiques et ne comprend pas trop de produits, il n’est pas trop difficile de trouver un CMS adapté et d’ajouter les modules qui correspondent aux besoins. Mais voici quelques problèmes qui pourraient vite vous faire changer d’avis sur ces CMS. Incompatibilité entre les versions Lors de la création d’un nouveau site, aucun problème : votre prestataire télécharge la dernière version du CMS et installe les modules nécessaires. Mais avec le temps, il ne faut pas oublier que les versions évoluent et que si on télécharge la nouvelle version, les anciens modules ne seront plus compatibles. Il faut donc recontacter son prestataire internet qui, bien souvent, va devoir réinstaller la plupart des modules ce qui va prendre beaucoup de temps et donc coûter plus cher. En revanche, le CMS Blue Cube fait en sorte que toutes les versions et tous les modules soient toujours compatibles pour éviter les bugs et les frais complémentaires. Incompatibilité entre les différents modules Dans un CMS comme Prestashop, les modules sont très nombreux et offrent parfois les mêmes fonctionnalités à quelques différences près. >> La première difficulté est de trouver un module qui comporte exactement les fonctionnalités recherchées. >> La deuxième difficulté est que ce module soit compatible avec la version du CMS installé. >> Enfin, la dernière difficulté survient lors de l’installation du module : il ne faut pas de problème d’incompatibilité avec les anciens modules déjà installés. En cas de problème il faut donc renouveler l’opération et acheter un nouveau module en espérant que celui-ci convienne. Problème de... Lire la suite
Page 1 sur 212