Simple Studio pour les nuls : comment créer un dashboard de rapport pour téléphone mobile sans rien n'y connaitre en code ? - blog SIMPL TEAM



Simple Studio est l'outil qui permet de créer des vues et des fonctions complémentaires dans Simple CRM. Souvent vu comme un outil très technique, il est cependant possible de l'utiliser sans avoir de connaissance informatique très poussée. La SIMPL TEAM vous propose ici d'apprendre à créer un petit dashboard pour téléphone mobile. Un atelier pratique et idéal pour les débutants.

Première étape : activer Simple Studio 

Simple Studio est une option uniquement possible sur Simple CRM Enterprise et Simple CRM Business+.

Si vous êtes sur une version inférieure, il faudra changer de version.

Pour plus d’information, contactez par email sales(AT)simpl.team

Deuxième étape : créer le support de base, une page en HTML

La première étape est d'ouvrir un éditeur de texte avancé comme NOTE PAD++ ou alors un éditeur de texte de base comme le bloc note de Windows et d'y écrire ceci:

<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.button {
  background-color: #00BAAB;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
</style>
</head>
<body>
<center>
Test
</center>
</body>
</html>

Que signifie cette formule magique? Voici une traduction:


Il fait donc sauvegarder ce fichier en format HTML. Comment faire? Tout dépend de l'éditeur utilisé! Si vous travaillez avec le bloc note de base de Windows, voici la démarche à suivre:

Dans la fenêtre de Bloc-notes, Cliquez Fichier --> Enregistrer Sous.
Choisissez Bureau comme emplacement d'enregistrement.
Dans la boite type, changez le type a ""Tous les fichiers"" (Par défaut  c'est Fichiers (*.txt))
Dans la boite nom du fichier, inscrivez nom_du_fichier.html
Cliquez le bouton "Enregistrer"

Ensuite, nous allons charger cette page dans Simple Studio, afin de s'en servir pour ensuite construire notre dashboard pour téléphone mobile.

Pour cela, il faut aller dans le Lanceur d'application -> Outils -> Simple Studio:



Simple Studio demande un login et un mot de passe: il s'agit des logins et pass de connexion à votre Simple CRM.

Ensuite, il faut créer une nouvelle Simple View et donc charger le fameux fichier html.



Troisième étape : construisons notre rapport dans Simple Studio

Votre vue étant créée, vous pouvez maintenant la visionner (bouton entouré en VERT) et la modifier (bouton entouré en ROUGE):


Nous éditons donc notre fichier HTML depuis Simple Studio en ajoutant ceci:

<a href=" l'adresse du rapport sur lequel vous voulez pointer comme par exemple les bons de commande en cours " target="_blank"><button class="button"> Le texte du bouton" </button></a><br><br>
Ce qui signifie:


Comme vous pouvez le voir dans cette image, j'ai mis plusieurs boutons les uns en dessous des autres.

Si vous visualisez la page que vous avez créée (il peut être nécessaire de rafraîchir l'affichage pour voir les modifications apportées), vous verrez le fruit de votre travail:


Une fois votre travail terminé, il vous suffit d'ouvrir l'adresse de ce Simple View sur votre mobile et de l'ajouter en favoris sur votre bureau.

Pour aller plus loin avec Simple Studio



Pour ne manquer aucune information: