[[Fichier:Menu Gauche détaillé v4.png|droite|641x641px]]
L’application e-comBox est une application Web qui permet de lancer et gérer un certain nombre de sites basés sur les applications suivantes :
* Prestashop :
** une instance vierge,
** une instance personnalisée (site Art Concept Stories) ;
* WordPress avec WooCommerce :
** une instance vierge,
** une instance personnalisée (site Art Concept Stories) ;
* WordPress sans WooCommerce, mais avec le add-in H5P ;
* Mautic ;
* Suite CRM ;
* Odoo dans sa version 12,13, 14 15 et 16 (ces 2 dernières versions ne sont disponibles qu'à partir de la 4.1) :
** une instance vierge de chaque version,
** six instances personnalisées (SweetyBio, AdA, generik, pépinières, primeur et surplomb) ;
* Kanboard (gestion de projet) :
** une instance vierge,
** une instance personnalisée (BdDev) ;
* HumHub (réseau social).

'''Depuis la version 3''', il est possible de créer des sites à partir d'une image personnalisée. 
'''Depuis la version 4.1''', il est possible de partager un modèle site avec la communauté et de récupérer un modèle de site. 

{{note | L'installation de l'e-comBox est documentée pour [[Installation_sur_Linux_-_v4|Linux]]. Il n'est pas possible d'installer la version 4 sur Windows ou MacOS. | reminder}}

{{note|La version 4 nécessite de se connecter via un compte "Prof". Voir [[Gestion_Utilisateurs|ici]] le mode opératoire.}}

== L'interface de l'e-comBox ==
L'interface de l'e-comBox est composée d'un menu à gauche, d'un bandeau avec :

* un raccourci vers la page d'aide,
* un bouton pour accéder à la page de modification de mot de passe,
* un bouton pour se déconnecter,

et d'une zone principale qui s'adapte en fonction de l'élément de menu sélectionné :
[[Fichier:Accueil v4.png|centré|900x900px]]
Le tableau de bord permet d'avoir une vue d'ensemble sur :
* la version de l'e-comBox ;
* la version des scripts d'installation de l'e-comBox ;
* le nombre de sites créés ainsi que leur état (démarré ou stoppé) ;
* l'instance de l'e-comBox ;
* le nom de l'utilisateur connecté ;
* les ressources utilisées (mémoire, espace de stockage et CPU) en cliquant sur le lien correspondant.
[[Fichier:Dashboard 4.1.2.png|centré|900x900px]]

== Gestion des sites ==
Le menu gauche liste l'ensemble des types de sites disponibles : Prestashop, WooCommerce, Blog, Mautic, Suite CRM, Odoo, Kanboard et HumHub. Un clic sur chacun affiche la page de gestion correspondante.

=== Créer un site ===

Avec la sortie de la version 4.4, l'interface de création des sites fait peu neuve ! Il est dorénavant possible de créer des sites en important un fichier csv :)

Pour créer un site, vous disposez donc maintenant de deux options : '''manuellement''' ou via un '''fichier csv'''. Comme dans les versions précédentes vous devez choisir quel modèle utiliser puis sélectionner l'option de votre choix :

[[Fichier:Creer site select template.png|1944x1944px]]

===== Créer un site manuellement =====
[[Fichier:Creer site manuellement.png|gauche|sans_cadre]]
En premier lieu, vous devez choisir un nom. C'est le seul élément '''obligatoire'''.

Vous avez maintenant la possibilité d'ajouter un mot-clé qui vous permettra filtrer plus facilement les sites créés. Cet élément est optionnel.

Enfin, comme dans les précédentes versions, vous pouvez lancer la création de plusieurs sites à partir de cette configuration. Si vous ne saisissez rien, un seul site sera créé. Dans le cas où vous créez plusieurs sites, un numéro d'ordre (incrémenté) sera ajouté à la suite du nom choisi.

Au clic du bouton ''valider'', vous pouvez choisir de créer plusieurs sites. Le nom du site sera de la forme : '''''type de site-complément de nom.'''''

{{note|Le complément de nom peut contenir des chiffres et/ou des lettres minuscules. Les accents et caractères spéciaux ne sont pas autorisés.}}
Après validation, un témoin d'activité apparaît. Lorsque le site est prêt un message (sous forme de ''pop-up'') l'indique.
[[Fichier:Popup.jpg|centré|sans_cadre]]
{{note|Le temps de création du site dépend de la qualité de la connexion internet et des ressources matérielles de la machine sur laquelle e-comBox est installée sachant que la première création d'un site est toujours beaucoup plus longue que les suivantes car l'image (qui est ensuite stockée sur la machine) est téléchargée.}}

Une fois la création terminée, le site est automatiquement démarré et la "carte" correspondante apparaît dans la zone ''Gérer les sites à partir d'un modèle fourni'' :

[[Fichier:Zone modeles crees.png]]

'''Pour les sites Prestashop et WooCommerce''', il est possible de créer 2 types de sites :
* '''vierge''' : site par défaut proposé par Prestashop et WooCommerce ;
* '''Art Concepts Stories''' : e-boutique opérationnelle (300 références, 150 clients, 130 commandes).

Il est donc nécessaire de choisir un type avant de cliquer sur le bouton ''créer'' :
[[Fichier:Choose prestashop model.png|centré|900x900px]]
'''De même pour les sites Odoo''', il est possible de choisir entre les versions 12,13, 14 ou des images personnalisées :
[[Fichier:Choose model.png|centré|900x900px]]

=== Démarrer/arrêter un site ===

Un site démarré est affiché de la façon suivante :
[[Fichier:Site started.png|centré|600x600px]]
Un clic sur le bouton bleu (interrupteur) permet alors d'arrêter le site. Un site stoppé est affiché de la façon suivante :
[[File:Image2.png|600px|centre]]
Un nouveau clic sur l'interrupteur permet de le démarrer. 

{{Warning/fr|msg=Le démarrage d'un site peut prendre quelques minutes car une mise à jour est réalisée automatiquement afin de prendre en compte la modification éventuelle de l'environnement d'e-comBox (en cas de changement de réseau par exemple).}}

=== Accéder à un site ===

Pour accéder à un site, ce dernier doit être démarré.

Un lien cliquable ''Accéder au site'' (redirigeant vers l'URL du site dans un nouvel onglet du navigateur) est affiché pour chaque site démarré.

'''Les URL peuvent être visualisées :'''

* '''Au survol du lien ''Accéder au site'' :'''
[[Fichier:Affiche URL.png|centré|600x600px]]

* '''Au clic sur le bouton ''Afficher les URL'' :'''
[[Fichier:Display url.png|centré|600x600px]]
{{Done|Le bouton Afficher les URL n'apparaît qu'à partir du moment où au moins un site est démarré.}} {{note|Les URL sont au format ''http://<hôte ou adresse IP d'ecomBox>:<port du proxy>/<nom-du-site>/<chemin-backoffice>''.
Par exemple, dans l'image ci-dessus, l'hôte est "llb.ac-corse.fr", le port du proxy est "11252" et le chemin vers le backoffice est "/wp-admin". '''Seuls les noms des sites changent (blog-01, blog-02, blog-03 et blog-04)'''.}}

=== Exporter la liste des URL au format PDF ===

Pour chaque type de site (Prestashop, WooCommerce, Blog, etc.) il est possible d'afficher en un clic la liste des URL pour l'ensemble des sites démarrés. Pour cela, il suffit de cliquer sur le bouton ''Afficher les URL'' :
[[Fichier:Export pdf.png|centré|400x400px]]
Le bouton ''Exporter'' permet de générer et d'ouvrir automatiquement un fichier PDF contenant cette liste :
[[Fichier:Pdf.png|centré|600x600px]]
{{Note/fr|Les URL sur ce fichier PDF sont cliquables.}}

=== Supprimer un site ===

Pour supprimer un site, il faut cliquer sur le bouton en haut à droite de la "carte" correspondante :
[[Fichier:Del site.png|centré|600x600px]]
{{Warning/fr|msg={{color|red|La suppression est irréversible et les données associées au site seront supprimées !}}}}
'''Par sécurité, une confirmation est demandée''' : en cliquant sur ''Valider'', après un petit temps de chargement (l'animation ''Loading'' est affichée), le site est supprimé.
[[Fichier:Popup del.png|gauche|vignette]]
 Ce ''pop-up'' vous en averti en s'affichant en haut à droite de la page. {{Note/fr|La carte associée disparaît alors de l'e-comBox.}}
 
 
=== Réinitialiser un site ===
En cliquant sur l'autre icône au niveau de la carte, cela va permettre de réinitialiser le site. Le système va supprimer le site existant (et ses données) et en recréer un du même nom avec le modèle utilisé initialement

[[Fichier:Reset stack.png|sans_cadre|599x599px]]{{Warning/fr|msg={{color|red|La réinitialisation est irréversible et les données associées au site seront supprimées !}}}}
'''Par sécurité, une confirmation est demandée''' : en cliquant sur ''Valider'', après un petit temps de chargement (l'animation ''Loading'' est affichée), le site est supprimé puis recréé. 

=== Dupliquer un site ===
En cliquant sur l'autre icône au niveau de la carte, cela permet de créer un modèle du site correspondant :

[[Fichier:Duplicated.png|sans_cadre|600x600px]]

Cela permet de faire en sorte que les modifications que vous avez réalisées sur le site puisse servir de base pour la création de nouveaux sites. Une fois que vous avez cliqué sur le bouton pour dupliquer, une nouvelle boite de dialogue s'ouvre afin que vous puissiez choisir le nom de votre modèle :
[[Fichier:Create model.png|centré|sans_cadre|800x800px]]
Il est également possible de modifier un modèle déjà existant (partie de droite).

Plusieurs opérations sont réalisées lorsque vous créez un modèle, la création peut donc prendre plusieurs minutes. Une fois la création terminée, vous pouvez utiliser votre nouveau modèle pour créer des nouveaux sites à partir de ce dernier :
[[Fichier:Server create from model.png|centré|sans_cadre|800x800px]]Une fois le site créé il apparaitra dans la deuxième liste :
[[Fichier:Server created from model.png|centré|vignette|800x800px]]
{{Note/fr|Pour rappel, depuis la version 4.1, il est possible de partager vos modèles avec d'autres utilisateurs, mais également d'en importer (https://wiki-ecombox.btssio.corsica/index.php/Partager_une_image)}}

=== Actions sur plusieurs sites ===
Il est possible de démarrer/arrêter/supprimer plusieurs sites simultanément. Pour cela, il faut activer le mode sélection :
[[Fichier:Selection activated.png|centré|sans_cadre|800x800px]]
Vous pouvez ensuite cocher "Tous les sites" pour sélectionner tous les sites, ou cliquer sur les sites que vous désirez sélectionner :
[[Fichier:Servers selected.png|centré|sans_cadre|800x800px]]
Et enfin, cliquez sur le bouton sur le bouton correspondant à l'action que vous désirez réaliser (démarrer/arrêter/supprimer).

== Gestion avancée ==
[[Fichier:Image.png|vignette|gauche|200x200px]]

'''La gestion avancée permet :'''

* d'accéder aux sources des sites Prestashop et Odoo ;
* d'accéder aux bases de données des sites Prestashop, WooCommerce et Blog ;
* d'administrer directement les conteneurs : {{color|red|'''à utiliser avec prudence'''}}.

=== Accès SFTP ===

L'accès SFTP permet d'accéder aux sources des sites Prestashop et Odoo.
[[Fichier:Gestion sftp.png|centré|900x900px]]
{{note|Sur cette page ne sont affichés que les sites Prestashop et Odoo démarrés car pour activer le SFTP, le site associé doit obligatoirement être démarré.}}

Lorsque le SFTP est activé pour un site l'affichage est du type :
[[Fichier:Sftp odoo.png|centré|596x596px]]
{{Note/fr|Une fois le SFTP activé, il est possible d'accéder aux sources de deux manières afin de faire d'éventuelles modifications (l'identifiant de connexion est ecb, un mot de passe aléatoire est généré. Ces deux informations figurent sur la carte).}}

==== '''1. Accéder aux sources à partir du client Web''' ====
Le client Web est à privilégier s'il n'est pas utile d'importer une arborescence entière (car c'est la seule fonctionnalité non présente).

Il suffit de cliquer sur l'URL fournie :
[[Fichier:Client-web.png|centré|600x600px]]
Voici un extrait du contenu des "addons" d'Odoo :
[[Fichier:Client-web addons-odoo.png|centré|900x900px]]

==== '''2. Accéder aux sources à partir du client SFTP''' ====
Un client SFTP (comme Filezilla) est à privilégier lors d'import d'une arborescence complexe, par exemple lorsque l'on veut ajouter un addon à Odoo.

Le nom d'hôte et le port nécessaires sont écrits sur la carte.

{{Note/fr|type=warn|Le nom d'hôte peut être un nom de domaine ou une adresse IP.
Le port doit être ouvert (et non bloqué par un pare-feu).
En cas d'accès externe, selon l'architecture réseau, il est possible qu'il y ait besoin d'une redirection de port.
Si on est positionné dans le réseau local, le nom d'hôte peut être remplacé par l'adresse IP privée du serveur e-comBox.}}

# Sélectionner "Gestionnaire de sites" pou ajouter ou utiliser un site.
# Sélectionner le protocole SFTP.
# Saisir le nom d'hôte ou l'adresse IP (Rappel : si vous êtes dans un réseau local, il est possible d'utiliser l'adresse IP privée du serveur).
# Saisir le port figurant sur la carte.
# Laisser le type d'authentification "Normale"
# Saisir le nom de l'utilisateur (ecb) et le mot de passe donné sur la carte.
# Cliquer sur Connexion

[[Fichier:Filezilla-connexion.png|centré|vignette|900x900px]]

Il est alors possible, par exemple, de basculer du site local au site distant un ou plusieurs dossiers, par exemple :
[[Fichier:Televersement-addon-odoo.png|bordure|centré|sans_cadre|913x913px]]

=== Accès phpMyAdmin ===
L'activation de l'interface web ''phpMyAdmin'' pour un site Prestashop, WooCommerce ou Blog permet l'administration de la base de données associée via le navigateur.
[[Fichier:Accueil pma.png|centré|900x900px]]
{{note | Sur cette page ne sont affichés que les sites Prestashop, WooCommerce et Blog démarrés car pour activer phpMyAdmin, le site associé doit obligatoirement être démarré.}}

Lorsque phpMyAdmin est activé pour un site, l'affichage est du type :
[[Fichier:Pma active.png|centré|600x600px]]
{{Note/fr|Une fois phpMyadmin activé, il sera possible d'accéder via le navigateur à la base de données du site.}}

Par exemple ici, pour le site ''blog-eleve2,'' phpMyAdmin sera accessible à l'adresse https://172.31.40.117:8800/pma-blogeleve2/''.''

=== Accès admin ===

Il s'agit d'un lien vers l'interface d'administration de Portainer. Ce lien n'est visible que pour les utilisateurs disposant des droits ''admin''.
[[Fichier:Accueil portainer.png|centré|900x900px]]
{{Warning/fr|msg=Cette interface doit être utilisée avec une grande prudence car il est possible ici de supprimer les containers et les données d'un site sans aucune demande de confirmation ! L'application ''e-comBox'' peut également être supprimée !}}

== Caractéristiques de chaque type d'application ==

=== Les identifiants d'accès ===

Les identifiants d'accès aux sites sont accessibles via l'interface de l'e-comBox.

[[Fichier:Identifiants d'acces.png|centré|vignette]]

=== Généralités sur les différentes applications ===
{| class="wikitable"
|-
! Application !! Version !! Commentaires
|-
| Prestashop
| 1.7.8.8
| 2 versions : une e-boutique opérationnelle ''Art Concept Stories'' (300 références, 150 clients, 130 commandes) et une boutique avec la version ''démo'' proposée par Prestashop.
|-
| wooCommerce
| 6.1.1
| 2 versions : une e-boutique opérationnelle ''Art Concept Stories'' (300 références, 150 clients) et une boutique "squelette" totalement vierge.
|-
| Blog
| 6.1.1
| Le module H5p est installé et activé.
|-
| Mautic
| 4.4.6
| Mautic nécessite une configuration : voir ci-dessous le mode opératoire avec les éléments nécessaires.
|-
| Suite CRM
| 7.10.11
|
|-
| Odoo
| 12, 13 et 14
| Odoo comprend les modules les plus utilisés. D'autres modules peuvent être intégrés facilement via le SFTP.
Intégration des bases primeur, surplomb, generik, pepiniere, ada, Sweety Bio
|-
| Kanboard
| 1.2.10
|2 versions, une version "vierge" et une version personnalisée (BdDev)
|-
| Humhub
| 1.3.12
|
|}

==== Configuration de Mautic ====
[[File:Image26.png|600px|droite]]
Mautic doit être configuré avec les éléments suivants :
 
 
{{note/fr}} Database Password : le mot de passe est donné sur l'interface au moment de la création du site.
 
[[Fichier:Mautic.png|gauche|600x600px]]
 

Pour Basculer Mautic en français via l'interface graphique :
* roue dentée/configuration/system setting ;
* puis ''Apply'' ou ''Save & Close'' ;
* se reconnecter.

{{note/fr}} Il est possible de changer d'autres paramètres comme ''Default timezone''.

{{Warning/fr}} Les paramètres de ''Mautic AdresseIP:port'' ne change jamais dans ''Configuration/paramètres généraux'' (même en cas de changement d'adresse IP) mais cela n'entraîne pas d'effets de bords et l'application continue de fonctionner normalement.
#

== Aide ==
En cas de besoin les liens suivants sont mis à disposition dans la page ''Aide'' :
* [[E-comBox:Main_Page|documentation en ligne]] ;
* [[Trousse_de_premiers_secours|trousse de premiers secours]] ;
* [[FAQ - v4|FAQ]] ;
* [[Contactez_le_support|plateforme de support]] pour déclarer un incident avec un mode opératoire.