Jérôme Cutrona

Version statique de l'intranet de Jérôme Cutrona - Rejoindre la version dynamique 🔒

Les exemples et corrections sont potentiellement non fonctionnels.

B.U.T. Informatique - IUT de Reims - Université de Reims

Travail collaboratif dans PhpStorm avec « Code With Me »

Navigation

Objectifs de la séance

  • Configurer PhpStorm
  • Installer le greffon Code With Me de PhpStorm
  • Découvrir le travail collaboratif

Introduction

Travailler sur un projet étudiant ou en entreprise peut demander de collaborer avec des participants distants. La situation peut facilement être étendue aux confinements liés à l'épidémie de COVID-19. L'édition de code et la gestion d'un projet de développement peuvent être facilitées par l'utilisation d'outils collaboratifs. Dans cet esprit, JetBrains propose le greffon Code With Me de PhpStorm.

Remarque importante

Il est évident que PhpStorm doit être installé sur votre ordinateur. Si tel n'est pas le cas, référez-vous au tutoriel « Installation et configuration de PhpStorm sur Windows et Linux ».

Installation de « Code With Me » dans PhpStorm

Code With Me est un greffon de PhpStorm. Vous allez l'installer et le configurer.

Travail à réaliser
  1. Ouvrez PhpStorm phpstorm code with me setup
  2. Ouvrez les préférences et allez dans la configuration des greffons (Plugins) pour rechercher le greffon « Code With Me » phpstorm code with me setup
  3. Installez le greffon « Code With Me » phpstorm code with me setup
  4. Terminez l'installation en cliquant sur « RESTART IDE » phpstorm code with me setup
  5. PhpStorm propose à présent une nouvelle barre d'outils « CODE WITH ME » phpstorm code with me setup
  6. Ouvrez les préférences et définissez votre nom dans les paramètres du greffon phpstorm code with me settings

Démarrage du travail collaboratif

Le greffon « Code With Me » est installé, découvrons comment l'utiliser.

Remarque importante

Soyez certain de l'identité des personnes que vous invitez à une session de travail collaboratif car ceci donne accès aux ressources de votre ordinateur.

  1. Activez l'accès à votre IDE et récupérez le lien d'invitation phpstorm code with me setup
  2. Un message de confirmation vous rappelle que votre démarche n'est pas anodine d'un point de vue sécurité phpstorm code with me setup
  3. Une bulle d'information vous indique le bon déroulement de l'opération phpstorm code with me setup
  4. Votre presse-papier contient à présent une URL d'invitation que vous pouvez transmettre aux personnes avec lesquelles vous souhaitez travailler
  5. Le destinataire de votre invitation, qui doit avoir installé PhpStorm, ouvre cette URL qui déclenche le lancement de l'application IntelliJ Client sur son ordinateur
  6. Le premier lancement de IntelliJ Client nécessite d'accepter les conditions d'utilisation phpstorm code with me setup
  7. Le client attend l'approbation du serveur (vous) phpstorm code with me setup
  8. De votre côté, PhpStorm vous demande de confirmer la connexion du client phpstorm code with me setup
  9. Une fois la connexion établie, une icône apparaît pour chaque client dans la barre d'outils « Code With Me » phpstorm code with me setup
  10. Le menu de la barre d'outils « Code With Me » vous affiche le détail des participants phpstorm code with me setup
  11. Une certain nombre d'actions sont possibles pour chaque client connecté (et les clients obtiennent un menu similaire dans leur interface) phpstorm code with me setup

Possibilités offertes en travail collaboratif

Le travail collaboratif rend possible l'édition collective de code et le lancement d'un console sur l'hôte.

  1. L'édition de texte de chacun est visible par tous, ici une sélection du client et de l'hôte phpstorm code with me setup
  2. Vous pouvez décider de suivre le travail d'un des collaborateurs (Full sync mode) phpstorm code with me setup
  3. Le suivi du travail d'un des collaborateurs (Full sync mode) met en évidence ses actions dans l'interface des autres participants phpstorm code with me setup
  4. Le client distant peut utiliser l'onglet « Terminal « de son interface pour obtenir une console sur l'hôte (votre ordinateur) phpstorm code with me setup
  5. Cette démarche donnant accès à une console sur l'hôte (votre ordinateur), le collaborateur doit attendre votre approbation phpstorm code with me setup
  6. Vous devez accepter ou refuser l'accès à un terminal sur votre ordinateur phpstorm code with me setup
    Remarque importante

    Soyez certain de l'identité des personnes auxquelles vous offrez un terminal sur votre ordinateur, elle peuvent détruire votre système avec.

  7. Le collaborateur obtient un terminal sur votre ordinateur phpstorm code with me setup
  8. Il peut lancer des commande comme vous le feriez sur votre propre ordinateur phpstorm code with me setup