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

Progressive Web App, pour un web mobile libre et rapide.

Progressive Web App, pour un web mobile libre et rapide. Apparus en 2015 à l’initiative de Google, les Progressives Web Apps ont la vocation de proposer une expérience utilisateur fluide et instantanée, libérée des contraintes liées à l’espace de stockage ou à une mauvaise connexion internet. Comment ? Digitalcube vous propose de le découvrir.   La révolution du web mobile ? Entre site mobile responsive et application mobile native, il ne manquait que la Progressive Web App (PWA) pour concilier tout le monde et éviter de choisir entre deux solutions très différentes. Au départ, ce qui semblait être une solution concrète à la réduction de la fracture numérique mondiale, s’est finalement révélé très utile pour résoudre des problèmes actuels, comme le manque d’espace de stockage sur nos smartphones ou la faible qualité du réseau dans les transports et certains départements.   PWA : définition La PWA réunit tout le savoir-faire et l’excellence des technologies du web (native, hybride, site mobile, responsive, UX design, etc.) pour une expérience utilisateur inédite sur mobile, car elle est accessible depuis un navigateur et non un store (Google, Apple). Plusieurs grandes entreprises ont déjà adoptées la PWA : Twitter Lite Telegram Le très controversé AlieExpress Le Wiki Offline et pleins d’autres. Vous pourrez en apprendre davantage sur la PWA en visant le laboratoire de notre agence digitale dédiée au développement d’applications mobiles. Les atouts d’une Progressive Web App Apple a, depuis, peu, ouvert iOS aux PWA et les quelques fonctionnalités qui restent incompatibles ne vont pas tarder à suivre. Les PWA sont très appréciés des développeurs pour ses fonctionnalités étonnantes : Une app « Progressive » : capable de s’adapter à tous les navigateurs pour un maximum d’utilisateurs. Ergonomique : grâce à l’App Shell, les PWA imitent le comportement des applications natives pour une utilisation intuitive et simplifiée. Instantanée : avec une mise à jour des contenus intuitive et discrète, via de performants Service Workers. Protégée : en HTTPS pour que toutes les données entre le serveur et le client circulent en toute sécurité. « Mobile first » : UX Design pensé en conséquence pour encourager la fidélisation des utilisateurs, via les « notifications push». « SEO Free » : Puisque la PWA passe par le navigateur, toutes les techniques marketing et SEO peuvent s’appliquer à l’application et à son contenu, pour une meilleure indexation grâce au manifeste JSON. Responsive pour tous les supports : ordinateur, smartphone, tablette… Libérée des contraintes réseau : un mode offline pour permettre une utilisation fluide dans les transports où les lieux où la qualité du réseau est trop faible.   Facile à partager, la PWA peut s’afficher sur la page d’accueil comme une véritable application mobile, sans nécessiter pour autant une installation. Les PWA libèrent l’espace de votre téléphone.   Un développement plus simple Même si la PWA doit être proposée en HTTPS, sa phase de développement peut être réalisée sur un simple localhost, en HTTP. Google propose ainsi tous les outils nécessaires aux développeurs pour voir les actions des Services Workers ou dé-référencer l’application le temps de sa conception.    L’avantage des Services Workers Le mode hors-ligne est assuré par les Services Workers, ces petits scripts qui viennent se positionner entre le navigateur web et l’application. L’exécution du code JavaScript se fait de manière indépendante, pour que l’application puisse se mettre à jour dès qu’une connexion est... Lire la suite

RGPD : Comment éviter les sanctions ?

RGPD : Comment éviter les sanctions ? Votre activité professionnelle (privée ou publique) traite régulièrement des données personnelles ? Alors il y a de fortes chances que, comme 78% des PME et TPE interrogés vous ne soyez pas en conformité avec le nouveau Règlement Général sur la Protection des Données (RGPD), qui entrera en vigueur dès le 25 Mai 2018 (selon une étude Oxatis). Ce que vous risquez En gestation depuis 2016, son approbation s’est accélérée suite au scandale Facebook « Cambridge Analytica« , société accusée d’avoir influencé l’opinion des électeurs américains en exploitant leurs données personnelles. Impossible de savoir si une telle affaire aurait pu avoir lieu en France, mais la Commission Nationale Informatique et Libertés (CNIL) ne veut pas prendre de risque : Jusqu’à 5 ans de prison et 300 000 euros d’amendes. Mise en demeure de l’entreprise. Sanction financière (jusqu’à 4% du chiffre d’affaire de votre entreprise). Bloquage temporaire ou définitif du traitement des données. Avertissements. Etc. Les sanctions ne seront pas uniquement du fait de la CNIL, mais de toutes les autorités de protection existantes qui disposent désormais du droit à un recours collectif en cas de transgression. Ces contrôles peuvent avoir lieu dans l’entreprise, sur convocation (dans ce cas le responsables est prévenu huit jours à l’avance) ou à distance. La CNIL, consciente des contraintes d’une mise en conformité, procèdera au « cas par cas » et l’application des sanctions concernera les fautes les plus graves dans un premier temps. Maintenant que vous êtes au courant des risques, voyons ce que cette réglementation change pour vous et comment vous y adapter. Les grands principes L’on nomme « donnée » tout ce qui peut être collecté, enregistré, stocké, transmis, bloqué ou effacé, et permettant d’identifier une personne physique ou morale. La première étape consiste alors à renforcer l’information et la transparence sur l’usage que votre société fait de cette donnée : Informer clairement l’utilisateur « pourquoi et de quelles façons » ses données vont être utilisées. Donner aux utilisateurs le pouvoir d’accepter ou de refuser le consentement. Permettre aux utilisateurs de récupérer le contrôle de toutes leurs données. D’une manière plus générale, toutes les entreprises sont désormais dans l’obligation d’engager ou de former un personnel à la protection des données (le DPD pour Délégués à la Protection des Données), garant de la bonne conformité de votre entreprise. Les changements pour les e-commerçants Premiers à se retrouver sous les projecteurs de la CNIL, les sites marchands sont amenés à traiter plusieurs milliers de données sensibles chaque année. Pour éviter la violation de données trop importantes, plusieurs mesures s’imposent : Ne recueillez que le strict minimum : faites le tri dans les informations qui vous sont indispensables, ne demandez pas l’âge de votre client si cela ne vous est pas utile. L’archivage de la donnée est proscrit (sauf cas contraire défini par la loi) : supprimez toutes les données devenues inutiles pour votre activité. Toutes les données collectées doivent être protégées par votre entreprise et répertoriée dans un « Registre des traitements », régulièrement tenu à jour et éprouvé contre tout risque d’intrusion. En cas de violation, vous avez 72 heures pour avertir la CNIL. En parallèle, les mots de passe devront faire au minimum 12 caractères et comporter : Un chiffre. Un caractère spécial. Une majuscule. Ces mesures signifient par exemple que vos emailings doivent d’abord faire l’objet d’un consentement de la part de votre client. Il ne sera plus possible de recourir... Lire la suite

BlueStream : le webinar-live des professionnels.

BlueStream : le webinar-live des professionnels. Vous recherchez un outil impactant suffisamment votre clientèle cible pour l’inciter à revenir régulièrement ? Vous souhaitez posséder votre propre média numérique sans avoir à tout gérer vous-même ? BlueStream est fait pour vous ! Une plateforme webinar avant tout Ouverte à toutes les structures (entreprise, association, fondation, etc.) et à tous types de clients (BtoB ou BtoC), BlueStream se veut être une plateforme webinar plus qu’une plateforme de streaming classique. Le webinar-live sert principalement à la présentation des produits ou services de votre entreprise.  Véritable outil de content marketing et de lead management, cette solution va vous permettre de trouver plus facilement des contacts commerciaux (nommés également « leads »). Depuis 2016 déjà, les tendances montrent une nette progression de la vidéo en tant que support marketing et communicationnel pour toutes sortes de projets, allant de la vente de vêtements aux lives de conférences autour d’un sujet précis. Cisco, une entreprise informatique spécialisée dans le matériel réseau, estime que la vidéo représentera 82% du trafic global d’internet d’ici 2020, contre 70% en 2015. Chez Digitalcube, nous avons compris très tôt l’importance de la vidéo et tous les avantages qu’elle apporte en termes de visibilité, de marketing et de communication. La dimension éphémère des webinar-live s’adapte parfaitement à l’évolution des habitudes des consommateurs en ligne, car elle génère environ dix fois plus de commentaires qu’une vidéo classique disponible sur Youtube. BlueStream est né de ce besoin de faire face aux évolutions technologiques, qui réinventent sans cesse la vidéo marketing (livesteam, vidéos 360 degrés, réalité virtuelle, etc), pour faciliter le rapprochement entre vous et votre client, via la retransmission live d’évènements mondiaux, mais pas uniquement. « La grandeur des petits débuts » Pas si petit que ça en réalité. Avant BlueStream, il y avait Feedchannel,  expert en nutrition animale. Digitalcube a participé à la création de Feedchannel, dans son développement, son hébergement, son routage et s’occupe encore actuellement de la maintenance, de l’accompagnement, du support ou encore de sa gestion emailing. Feedchannel est désormais en mesure de proposer des retransmissions live sur divers sujets, incluant la nutrition animale, qui rassemblent experts et spécialistes du sujet environ une fois par mois. L’exigence de fiabilité est donc très élevée, afin d’assurer un niveau de qualité optimal pour les utilisateurs inscrits au live (de 30 au lancement du site en septembre 2016 à plus de 900 aujourd’hui). Les lives sont animés par un collaborateur externe. Les inscrits peuvent participer au live, poser des questions via un système de chat filtré et modéré par un intervenant. Grâce à notre solution, Feedchannel compte bien devenir la référence de la WebTV dans le domaine de la nutrition animale. Datacross : un associé sur-mesure ! Une aventure impossible sans le concours d’un partenaire partageant notre vision des médias du futur. Créée en Novembre 2014 et dirigé par Xavier Van den Koornhuyse est une société de conseils & services. Depuis plusieurs années, notre partenaire met son expertise au service de nombreux clients comme le SIG (Service d’Information du Gouvernement), TF1 ou encore « l’Express« , média à dimension nationale dont notre partenaire assure le suivi live. Les efforts de notre partenaire pour réduire la fracture numérique sont régulièrement cités en exemple par le Ministère de la Recherche et de l’enseignement supérieur. Principales caractéristiques de BlueStream : Captation des flux, synchronisation des processus (toutes les cinq secondes), anticipation des failles et coupures wifi... Lire la suite

Maniavision : La solution emailing par Digitalcube

Maniavision : La solution emailing par Digitalcube Faites-vous connaître avec Maniavision Votre fidèle clientèle commence à prendre des proportions rêvées et vous ne savez plus comment gérer tout ce petit monde ? Imaginé par Digitalcube, Maniavision est un routeur emailing professionnel, destiné à toutes les entreprises et entrepreneurs désireux d’assurer une visibilité optimale auprès de leurs clients. En tant que prestataire emailing, nous pouvons vous aider à garder le contact avec votre base client et à fidéliser de nouveaux publics, grâce aux fonctionnalités pratiques de la plateforme : service de routage, ManiaMail, création graphique à la demande et achat de templates compatibles Maniavision. Digitalcube vous présente ici les bases de Maniavision, la solution emailing la plus adaptée à votre entreprise. Email marketing ou newsletter ? Après avoir renseigné vos identifiants, vous découvrirez le « tableau de bord » : un espace d’informations et de données tangibles sur la réussite de vos campagnes emailing précédentes et en cours. Ces données vont vous permettre d’orienter vos prochaines créations dans la bonne direction, en ajustant les paramètres de vos emailing marketing. Toute la différence avec les logiciels concurrents est là. Maniavision vous permet d’optimiser votre stratégie marketing en terme qualitatif et non plus seulement quantitatif. Véritable outil one-to-one, l’email marketing vous permet de créer une relation adaptée à chacun de vos clients, là où la newsletter se concentre davantage sur la diffusion d’une information embellie et attractive. Donner du pep’s à votre campagne emailing ! Créez une newsletter unique avec notre solution de création graphique et apportez un vent de fraîcheur sur l’organisation visuelle de vos newsletters. Au besoin, nous pouvons réaliser des templates sur-mesures, adaptés à l’image de votre entreprise ou à la clientèle cible de votre campagne newsletter. (exemple d’un template réalisé par nos créateurs graphiques) Les templates proposés à l’achat sur notre plateforme proviennent des meilleurs graphistes et designers web. Ces modèles de création de newsletters sont compatibles avec de nombreuses plateformes et optimisées pour une utilisation sur ManiaMail, notre solution de gestion emailing. (exemple de template proposé à l’achat) Afin de dynamiser vos campagnes, votre manière de choisir les bonnes informations et les manières de les communiquer sont extrêmement importantes. N’hésitez pas alors à varier vos stratégies : Visez une cible précise.  Tous vos destinataires ne sont pas identiques, ils n’ont pas tous les mêmes besoins. Il devient alors important de segmenter vos listes de contacts en fonction des activités de vos clients, de leur localisation géographique, sexe, âge, etc. Soyez compétitif. Proposez régulièrement de bonnes offres promotionnelles afin de capter l’attention de vos clients et de les rassurer en montrant que votre e-commerce propose la meilleure affaire du web. Dans la construction de votre newsletter, il peut être intéressant de dédier un bloc à la promotion de vos articles afin de mettre en avant le code promo de votre campagne. Planifier vos envois L’automatisation de vos campagnes emailing vous fait gagner du temps, améliore l’efficacité de vos équipes et la visibilité de vos Newsletters. Connaissez les habitudes de vos clients sur le bout des doigts pour leur envoyer le bon e-mail au bon moment. Le début de matinée et la fin de la journée sont deux plages horaires souvent recommandées par les plateformes de routage emailing comme Maniavision. Avec notre solution, vous garderez un œil sur votre ROI et la performance de vos campagnes : Total des envois. Total d’e-mails ouverts. Total des ouvreurs.... Lire la suite
Page 1 sur 712345Dernière page »