Présentation technique

Comment intégrer Heidi à votre e-boutique ?

Si j’utilise le CMS Prestashop

Heidi existe sous la forme de module pour les principaux le CMS Prestashop

Le développement d'un module pour les CMS suivants est en cours : Magento, Drupal Commerce, Wordpress

Il y a de nombreux avantages à utiliser un module « tout fait » :

  • Installation directe depuis la market place en un clic
  • Aucun développement supplémentaire à prévoir
  • S’intègre automatiquement au processus d’achat du CMS
  • Profite des mises à jour automatiques du cœur

Si j’utilise un autre CMS ou solution ou souhaite disposer du module sur un autre outil

Si vous n’utilisez pas Prestashop pour votre e-boutique, vous pouvez implémenter notre API d’Heidi avec le language de votre choix (php, javascript, java , .net, objectifC, iOs…) et adapter le module à chacun de vos projets.

Cette solution est également valable dans le cas où vous souhaiteriez mettre en place le module de personnalisation sur un autre device : mobile, tablette, borne interactive...

Si vous souhaitez tester l’API Heidi, n’hésitez pas à nous contacter pour que nous vous fournissions une clé de test.

Présentation de l’API

Qu’est-ce que c’est ?

Heidi repose d’une part, sur un ensemble de services web disponibles dans notre Cloud, et d’autre part sur un client web pour la personnalisation des produits.

Si les services offerts par notre API en Saas, suffisent à concevoir un outil dédié à la personnalisation, son implémentation s’en trouve grandement facilitée par l’utilisation du client web.
Un client natif à Android et IOS est d'ailleurs en cours de développement.

Les WebServices Saas

Description

Nos services reposent sur une architecture puissante et largement capable de supporter une montée en charge importante. Ils mettent à disposition un ensemble de services accessibles à tout moment, de n’importe où, et utilisable dans n’importe quel projet.

Les applications web sont les premières à en profiter mais pas seulement.

Les clients lourds pour Windows, MacOS, ou Linux, les applications mobiles Android et IOS, mais aussi les applications à interface tangibles ou immersives comme Kinect et les GoogleGlass, peuvent également en profiter.

Exemple Ajax

Pour faire un appel au service RemovePattern en Ajax avec JQuery.function testApi() {
       var sendData = {
           'RequestHeader': {
               'Token': 'abs5d1eczefze54564zefds',
               'Locale': 'fr_FR'
           },
           'RequestBody': {
               'PatternId': '1347442992974'
           }
       };
       $.ajax({
           type: "POST",
           data: JSON.stringify(sendData),
           url: "http://sakuradesigner.microclimat.com/Api.svc /RemovePattern",
           contentType: "application/json; charset=utf-8",
           dataType: "json"
       }).done(removePattern_CompleteHandler).fail(service_ErrorHandler);

Documentation

La documentation de cette API est disponible ici : http://storage.sakuradesigner.microclimat.com/server/api/modules/SakuraServer.html

Le client Web

Description

Pour faciliter l’intégration de la couche service sur une application Web, nous avons développé un module HTML5/JS qui le fait déjà.
Celui-ci possède sa propre API pour offrir un degré d’intégration maximal.
Avec elle il vous sera possible d’intégrer l’outil de personnalisation, de le configurer, de le styliser, et de proposer votre propre solution ergonomique.

Exemple

<!-- Définition de la div qui va contenir l’outil--><div id="heidiContainer"></div>

<!-- Importation des librairies--><script src="http://code.createjs.com/easeljs-0.7.1.min.js"></script><script src="http://storage.sakuradesigner.microclimat.com/apps/html5/js/release/SakuraEditor.js"></script>

<!-- Initialisation--><script >var editor = SakuraEditor.getInstance();editor.init("heidiContainer",1650, 550, "#token#", "#config#", #patternId# ,false);</script>

Documentation

La documentation de cette API est disponible ici :
http://preprod.storage.plume.microclimat.com/apps/api/classes/SakuraEditor.html