Décrire, maquetter, partager,
Commander l’objet de son dessin,
Ce fou désir de nos clients…
Gagnons d’en être l’artisan !
Hopes.studio c’est quoi ?
Vous chercher une solution digitale moderne, pour vendre une gamme étendue d’objets fabriqués à la demande car sur-mesure ? Hopes.studio est la solution.
Hopes.studio est une plateforme low code de développement d’application web qui exploite la puissance du Hopes-Language, le langage de description des offres commerciales innovantes. Cliquer ici pour en savoir plus >>
Pour mieux comprendre je vous invite à visiter le site Happycardz. Ce site bâti à partir de Prestashop, Hopes.studio et Clariprint. propose d’auto-éditer des jeux de cartes sur-mesure, de les maquetter en ligne, de partager des photos et video de la maquette 3D à sa communauté pour enfin commander la fabrication. A travers cet exemple je vous invite à imaginer à quoi pourrait ressembler une application de commerce capable d’exploiter tout votre savoir faire et de libérer l’imagination de vos clients.
De quels type de produits sur-mesure parle-t’on ?
A ce jour Hopes.studio est la solution pour vendre en ligne tout produit fabriqué, à l’unité ou en lot, à partir de feuilles ou plaques, imprimée(s) avec/sans finition de surface et/ou pliée(s) et/ou assemblées, cousues et/ou collées. Par exemple pour du packaging, du mobilier en carton, du mobilier de PLV, des set de jeux de société.
Notre service de R&D travaille ardemment pour vous proposer prochainement l’intégration de matériel d’accastillage (vis, écrou, charnière, glissière, loquet, poignée, haubans etc …). D’ici peu de temps Hopes.studio sera aussi la solution idéale pour la commercialisation de produit / concept de mobilier en bois et/ou métal assemblé à partir de plaques et/ou profilés découpés et de connecteurs.
Moderne, gamifiée et processisé, pourquoi ?
Comment Hopes.studio peut s’octroyer ces qualificatifs ? et bien, grâce à un panel de services rendus tel que :
- Des formulaires dynamiques grâce à un UI (User Interface) Organizer intégré
- La 3D interactive et animée
- La personnalisation en ligne des textures du modèle 3D afin d’obtenir une maquette 3D réaliste
- La capture photo et vidéo de la 3D pour le partage des projets des clients
- L’Instant Quote (calcul de prix instantané) via PriceRequest (requête de prix) au serveur CPQ (Configure Price Quote : serveur de calcul de devis)
- La génération automatique de fichier de découpe et perçage pour la fabrication
Quelques visuels exemples
Une approche low-code
En règle générale, le développement de logiciels nécessite beaucoup de « code standard » : des sections de code répétées à plusieurs endroits avec peu ou pas de variations, utilisées pour exécuter des fonctions de base. Dans les langages de programmation verbeux, cela nécessite beaucoup de travail et de temps.
Pour réduire le temps consacré à ce que de nombreux programmeurs considèrent simplement comme un travail subalterne, ils peuvent adopter une approche low-code basée sur un langage de programmation personnalisé qui effectue tout le travail standard pour eux.
Hopes.studio utilise un langage spécifique à un domaine (DSL) personnalisé créé en interne par notre équipe R&D.
Ce langage est conçu selon une conception pilotée par domaine. Cela signifie qu’il est conçu pour correspondre au « domaine d’activité », le secteur d’activité ciblé par le logiciel en fonction des flux de travail et des entrées requis par le domaine de Hopes.studio
Intégration rapide et simple, comment ?
Hopes.studio s’intègre à n’importe qu’elle application web simplement en intégrant à une page html une widget jQuery.
Le code html de Hopes.studio utilise le « templating » d’EJS, il est donc aisé de personnaliser l’interface graphique.
En standard Hopes.studio est compatible Bootstrap 5.
En standard Hopes.studio dispose du module d’interconnexion avec Clariprint, mais il est facile d’intégrer de nouvelles passerelles vers n’importe quel CPQ disposant d’APIs Json/Rest.
Vous souhaitez utiliser le CMS Prestashop, nous avons développé un module Prestashop dédié à Hopes.studio. Nous allons aussi prochainement proposer un module Woo commerce.
De quoi est constitué Hopes.studio ?
Hopes Language (H-L)
Le H-L (Hopes Language) est un DSL (Domain-specific language ou langage dédié) basé sur JSON qui permet de décrire une offre de produits dans une bibliothèque métier, ceci rapidement et sans se soucier des aspects informatiques.
Cliquer ici pour en savoir plus >>
Hopes Headless Server (H-HS)
Hopes Headless Server est l’application hébergée sur serveur(s), elle remplit les f onctions suivantes :
1/ interprète les bibliothèques métiers écrite en H-L et instancie le modèle objet
2/ propage les paramètres d’invocation du modèle (paramètres d’entrée des APIs)
3/ calcule les polylignes de chaque face, calcule les polylignes de découpe
4/ génère le documents SVG pour chaque « template »
5/ calcule les triangles (meshage) des faces
6/ génère l’atlas optimisé des textures pour une homogénéité du rendu (les rapports de dimension des objets texturés sont conservés et les textures sont agencés de manière à occuper au maximum la mémoire vidéo)
6/ construit le modèle objet géométrique 3D de la scène (arborescence des objets, matrices de setup, buffers de position, buffers d’indice des sommets des triangle, buffers de position de texture, modélisation des animations etc)
7/ héberge les APIs suivantes pour Hopes CSR (Client-Side Rendering) :
– GetJsonReification : retourne les paramètres de réification à remonter dans un back-office pour spécialiser un formulaire produit
– GetJsonParameters : retourne tous les paramètres utiles pour l’affichage du formulaire dynamique de personnalisation
– CallCPQAPi : interroger le CPQ (Configure Price Quote) pour une demande de prix
– GetSVGs : retourne la liste des patrons des développés des formes du projet
– GetWebGl : retourne la structure de données pour la représentation 3D
Hopes CSR (Client-Side Rendering) (SC-CSR)
Hopes CSR est le client-side JS framework de Hopes.studio qui s’intègre facilement à toute web App comme un CMS (Prestashop, WordPress, Woocommerce).
Il propose les fonctionnalités suivantes :
- voir des catégories de produits
- rechercher des produits
- voir les produits d’une catégorie
- accéder à une fiche produit avec formulaire dynamique
- enregistrer un projet
- ré-éditer un projet
- modifier les paramètres
- calculer un prix
- télécharger les patrons des développés de forme
- uploader des textures pour le modèle 3D
- visualiser le projet en 3D interactive
- capturer en photo ou vidéo le modèle 3D
- ajouter au panier
- …
Hopes 3D Sampler (H-3DS)
Hopes Sampler est le sampler 3D intégré à H-CSR qui permet la visualisation 3D interactive. Développé nativement en WebGL et optimisé spécialement pour afficher et animer une multitude d’objets pliés (impliquant des milliers de matrice) sur des clients légers (comme des smartphones ancienne génération). Ce sampler permet l’interaction via la rotation, la translation et le zoom, la visualisation plein écran, la capture photo et vidéo.