Projet virtualhosts

Vous travaillez pour une entreprise proposant des services d'hébergement web.

Vous êtes chargé d'élaborer une application web permettant à l'entreprise et à ses clients de gérer la configuration de leurs applications web.

• Module M2105 - RT web dyna - TD/P 4
• Prise en main Micro-framework
• Documentation API Micro-framework
• Twig documentation

L'application permet aux utilisateurs (client ou administrateur) de gérer et de configurer facilement leur hôtes virtuels (Virtualhost), présent sur des serveurs dédiés (Host) ou simplement mutualisés (dans ce cas le client ne connaît que le virtualhost).

Sur les machines (Host) sont installés des serveurs Http (Server).

Ces serveurs sont d'un certain type (sType) : Apache, Node, NginX…
Le type de Serveur définit les propriétés de configuration qu'il peut recevoir (sTypeProperty).

La configuration d'un virtualhost est stockée dans la table virtualhostProperties, qui permettra ensuite de générer automatiquement le fichier de configuration.

Ce fichier généré pourra être ensuite uploadé sur le serveur, et le service web rechargé pour la prise en compte de la nouvelle configuration.

//TODO 1

Affiche la liste des Hosts et virtualhosts de l'utilisateur authentifié.

voir Projet 2017 : exemples

Données :

• L'interface doit faire apparaître pour l'utilisateur connecté :
  • ses Hosts
  • ses virtualhosts (exclure celles qui sont présentes sur les hosts appartenant à l'utilisateur)

Composants utilisables :

Semantic UI (phpMv-UI) :

• ui grid (htmlGrid)
• ui items (htmlItems)
• ui header (htmlHeader)
• ui button (htmlButton ou htmlButtonGroups)

Info

Pour info, la div qui reçoit le résultat des requêtes Ajax est #content-container

//TODO 2

Affiche la liste des virtualhosts correspondant au idHost de l'Host passé en paramètre.

Données :

• Pour le Host passé en paramètre, l'interface fait apparaître :
  • les Serveurs installés
  • les virtualhosts par serveur

Composants utilisables :

Semantic UI (phpMv-UI) :

• ui list (htmlList)
• ui header (htmlHeader)
• ui message (htmlMessage)

//TODO 3.a //TODO 3.b

Affiche le virtualhost correspondant au idVirtualhost de l'hôte virtuel passé en paramètre.

Cette fonctionnalité est accessible depuis My et Display/host/:idHost

Données :

• Pour le Virtualhost passé en paramètre, l'interface fait apparaître :
  • les informations liées au virtualhost
  • la liste des propriétés du virtualhost (virtualhostProperties)

Coloration syntaxique :

Le champ config sera colorisé avec Prism :

• On pourra utiliser la fonction setValueFunction pour transformer le champ config du virtualhost dans le DataElement.
• Pour obtenir la coloration Prism, le champ devra être entouré des balises pre et code, et spécifier la class Css à utiliser pour coloriser (le champ prism de la table Stype précise la classe de coloration à utiliser):

"<pre class='language-".$prism."'><code>".$conf."</code></pre>"

La coloration est ensuite réalisée par l'appel du script :

	$this->jquery->exec("Prism.highlightAll();",true);

Composants utilisables :

phpMv-UI :

• dataElement
• dataTable

//TODO 4

Protection du contrôleur My contre les utilisateurs non authentifiés.

Comportement :

• L'accès aux actions du contrôleur My renvoie à l'URL Auth/pleaseLogin

Composants utilisables :

• librairie Auth du dossier library

//TODO 5

• Saisie/modification de virtualhost (avec ses propriétés)
• Génération et intégration du script de conf généré avec la librairie ConfGenerator
• Relance du service web avec la librairie ServerExchange

• L’application sera développée en PHP objet, et utilisera un micro-framework facilitant les échanges avec la base de données.
• Elle respectera au mieux la séparation des couches (objets Métiers), classes techniques et vues (interfaces web de saisie et d’affichage).
• Elle utilisera la base de données Mysql fournie en annexe. Cette base pourra évoluer en fonction des besoins du développement.
• L'utilisation de phpMv (déjà configuré dans le projet) facilitera le développement (utilisation de ajax et de composants visuels)
• Semantic-UI sera utilisé pour la partie présentation.

• Tout est dans le projet Git (y compris la base de données )
• Grille d'évaluation projet

• Date remise : rendre projet PHP + readme.md voir Modalités de remise de votre travail
• Date passage : soutenances

• 5 minutes max de présentation par membre de l'équipe
• 5 minutes max de questions

Il s'agit de montrer, le travail effectué, ainsi que les concepts maîtrisés :

• En présentant les fonctionnalités implémentées (démonstration du fonctionnement)
• En donnant des explications techniques sur le fonctionnement (contrôleurs, vues, classes, sécurisation…)

• Alimenter correctement la base de données en ajoutant des enregistrements valides et en nombre suffisant, mettant en valeur votre travail
• respecter la Normalisation HTML 5/Css 3
• Structurer les fichiers et dossiers de manière cohérente
• Nommer en respectant les normes et de manière significative (Contrôleurs, vues, méthodes, variables…)