Outils pour utilisateurs

Outils du site


les_exposes:cloud_nine_ide

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
les_exposes:cloud_nine_ide [12/05/2016 09:47]
chauvire
les_exposes:cloud_nine_ide [22/01/2020 21:13] (Version actuelle)
tricoire
Ligne 1: Ligne 1:
-====== Qu'​est-ce que Cloud9 Ide ======+====== Qu'​est-ce que AWS CLOUD9  ​======
  
-[[https://c9.io/​|Cloud9 ​Ide]] est un site basé sur sur le même principe que Google Drive, c'est à dire sur le partage de projet mais axé sur la programmation. Ce site comporte un éditeur de type notepad, un compilateur,​ il gère l'​indentation,​ la mise en couleur du code...  +[[https://aws.amazon.com/​fr/​cloud9/|AWS Cloud9 ]] anciennement Cloud9 ide  ​est un site basé sur sur le même principe que Google Drive, c'est à dire sur le partage de projet mais axé sur la programmation. Il permet d’écrire,​ d'​exécuter et de déboguer. Ce site comporte un éditeur de type notepad, un compilateur,​un terminal ​il gère l'​indentation,​ la mise en couleur du code… Il nous permet de coder dans plusieurs ​langages ​tels que le C++, le Ruby, le Python, le HTML/​CSS/​Javascript/​PHP.. ​Il est très pratique car il ne nécessite pas d’applicationseulement un navigateur
-Il nous permet de coder dans plusieurs ​languages ​tels que le C++, le Ruby, le Python, le HTML/​CSS/​Javascript/​PHP.. +
- +
-Nous parlerons ici de la partie du site concernant la programmation web, c'est à dire le HTMLle CSS, le javascript, le PHP et les bases de données type MySQL.+
  
 ====== Comment y créér un projet ====== ====== Comment y créér un projet ======
  
-Tout d'​abord,​ il faut s'​inscrire. Le site est en anglais mais facilement compréhensible : il suffit d'​entrer son adresse mail dans le champ (voir image ci-dessous) ​et de cliquer sur Sign up.+Tout d'​abord,​ il faut s'​inscrire. Le site ayant été racheté par Amazon, celui-ci ​est maintenant traduit ​dans beaucoup de langues dont le français ​seulement pour la partie inscription ​et menu) 
 + 
 +{{:​les_exposes:​annotation_2020-01-22_202033.png?​400|}} 
 + 
 +Il vous faudra d’abord vous créer un compte, pour cela, vous aurez besoin ​de fournir une adresse email, un mot de passe et votre surnom. 
 + 
 +La création de votre compte peut alors continuer, pour avoir accès au site, vous devrez fournir des informations selon votre utilisation du site, ( adresse, nom téléphone si utilisation personnel et nom de l’entreprise,​ numéro de téléphone et adresse de l’entreprise si professionnel)
  
-{{:​les_exposes:​tuto_cloud9.jpg?400|}}+Vous devrez ensuite entrer vos information de carte de crédit pour prouver votre majorité mais aussi si vos utilisations dépasse les limites gratuites du site. Vous recevrez ensuite un SMS pour prouver que vous n'​êtes pas un robot. Il est sinon possible d'​avoir un accès étudiant lorsque votre compte est lié à un enseignant.
  
-Une fois fait, un nom d'​utilisateur vous est demandé puis plusieurs questions vous sont posées : quel type de développeur vous êtes, l'​utilisation que vous comptez ​faire de Cloud. +Vous ensuite ​un choix à faire entre trois plan de support:
-Une fois que vous aurez répondu à ces questions, vous pouvez valider la création de votre compte.+
  
-La création ​de votre compte est désormais terminée, il faut maintenant vous créér votre espace de travail.  + - le premier gratuit avec un accès au forums, une vue sur les performances et sécurité ​de votre projet et l'​accès au notification
-Pour cela, il vous faut cliquer sur "​create a new workspace"​. +
-Vous accédez donc à une page où plusieurs informations vous sont demandées : +
  
-- Le nom de votre projet+-Le plan développeur (29 dollars par mois) qui permet fait pour les tests, du développement,​ un contact avec des demandes illimités au support avec maximum 12h de temps de réponse en jours de bureau
  
-Une courte description ​de celui-ci ​+Le plan professionnel qui est comme de plan développeur mais avec plus d'​accès au ressources allouées, un contact avec le support h24 7j/7 et 1h de réponse. 
 +Le site nous demandera ensuite notre métier et nos domaines pour essayer au maximum de correspondre à l’utilisation dont nous avons besoin.
  
-- Le type de projet (privé/​public,​ un projet privé pourra malgré tout être mis en ligne par vos soins à partir de cloud9 lorsque vous le désirerez, et vous pourrez également y ajouter d'​autres personnes destinnées à vous aider à programmer, je vous conseille donc de choisir ce type de projet) 
  
-- //Le champ suivant (Clone from Git or Mercurial URL) ne vous concerne pas dans le cadre de la création d'un nouveau projet// 
  
-- Enfin, il vous faut choisir le type de projet ​que vous comptez réaliser, c'est à dire le language dont vous aurez besoin pour votre projet. __Si vous souhaiter réaliser un site web avec une base de données__, il vous faut choisir le language "PHP, Apache & MySQL" ​+====== Type de projet ​======
  
 +{{:​les_exposes:​project.png?​400|}}
  
-====== La programmation web ======+Vous aurez alors le choix entre une multitude d’application,​ allant de la création de jeux-vidéo,​ d’espace de stockage en passant par la création d’application mobile et de base de donnée
  
-Votre projet est créé, vous disposez de votre espace de travail sur Cloud9. Cet espace de travail est semblable à un éditeur de texte classique comme Notepad.Sur la partie gauche de l'​écran sont regroupés vos pages, images, etc, il vous est possible d'y créer des arborescenses,​ d'​uploader des images ..  +====== AWS IDE ======
-Contrairement à Google Drive, les sauvergardes automatiques ne sont pas activées pa défaut, je ne conseille pas de le faire car pouvoir restaurer à la dernière sauvegarder peut-être utile, prenez donc l'​habitude de sauvegarder dans le menu en haut "​file"​ --> "Save All" ou d'​utiliser le raccourcis clavier Ctrl + S. +
-  +
-Sur ce même menu "​Files",​ il vous est possible de télécharger l'​intégralité ​ de votre projet en cliquant simplement sur "​Download Project"​.+
  
-Il est conseillé de créér une page "​index.php"​ ou "​index.html"​ à la racine de votre projet qui sera la page par défaut de votre site, c'est à dire lorsque vous n'avez pas entré de page précise dans votre url, seulement l'​adresse du site.+Pour la programmation web, cest le service IDE qui nous intéressera. Vous devrez tout d’abord nommer ​votre projet (et facultativement lui donner une petite description)
  
-Pour créer une base de données sur votre site : +Il faudra ensuite choisir choisir vos paramètres d'​environnement ​
-- En bas de la page principale de votre éditeur se trouvent diverses pages de commande de type shell/cmd. Ajoutez un onglet et choisissez "New Terminal"​. +
-Dans cet onglet, entrez les commandes suivantes et validez les avec la touche "​entrée"​ : +
---> mysql-ctl start +
---> mysql-ctl cli +
---> phpmyadmin-ctl install ​+
  
-//(si cela ne fonctionne pas, cliquez sur "run project"​ en haut de l'​écran,​ le bouton vert.)//+- créer une nouvelle instance amazon EC2 si vous partez ​de 0 ou se connecter à un serveur vous appartenant SSH.
  
-votre lien vers phpmyadmin vous sera normalement donné, il est de la forme https://​lenomdevotreprojet-votrepseudo.c9users.io/​phpmyadmin/​+choisir le nombre de giga de RAM ( de 1 à 8) à allouer ainsi que le nombre de processeur (de 1 à 2)
  
-Copiez ce lien dans un nouvel onglet pour accéder à Phpmyadmin+- La plateforme ( Ubuntu ou Amazon)
  
-La page où vous arrivez requiert un nom de compte et un mot de passe : le nom de compte est votre pseudo et il n'y a pas de mot de passe.+- Le délai avant la mise en veille ​de l'environnement
  
-La page sur laquelle vous arrivez vous permettra de créer votre base de données. 
-Tout d'​abord,​ il est conseillé de créer un compte qui servira uniquement pour votre site, avec des autorisations de gestion de la base de données restreinte c'est à dire généralement insert/​update/​select et parfois delete (déconseillé). 
-Pour cela 
-- accédez à l'​onglet "​utilisateurs"​. 
-- cliquez sur "​ajouter un utilisateur"​ 
-- choisissez le nom d'​utilisateur,​ le mot de passe 
-- cochez les cases select/​insert/​udpate dans les privilièges,​ ajoutez "​delete"​ si besoin, file si besoin également, puis cliquez sur executer en bas à droite pour créer votre compte administrateur. 
  
-Il vous faut ensuite ​créer ​votre base de donnéescliquez donc sur l'​onglet "bases de données",​ entrez le nom de la base de données que vous souhaitez créer et cliquez ​sur "​créer"​.+Votre projet ​créer, vous arriverez ​sur cette page : 
  
-Votre base de données est créée,​cliquez sur "​vérifier les privilèges"​ pour cette base et assurez vous que le compte précédemment créé est bien dans la liste, si c'est le cas, c'est que tout est bon. 
  
-Votre base de données est créée, votre compte administrateur également, il vous faut créér le fichier "​config.php"​ dont vous aurez besoin pour permettre la connection à votre base de données. +{{:​les_exposes:​cap.png?400|}}
-Ce fichier devra être inclu sur chaque page de votre site où vous en aurez besoin.+
  
-Créez donc un fichier ​à la racine ​de votre site et appellez le "​config.php"​. +Celle-ci vous permet de créer de nouveau projet, soit à partir ​de page viergesoit à l’aide d'en tête toute prête ( mais très simpliste) Pour vous rappelez en cas d'​oublis comment structurer votre code.
-Dans ce fichiercopiez-collez ce code :+
  
-<?php +Vous aurez ensuite à choisir la langage que vous voudrez utiliser en bas à droite, soit par auto-détection, sois en décidant par vous mêmes parmi la cinquantaine ​de langages disponible ​l'auto détection est déconseillée). 
-    $servername = getenv('​IP'​);​ +
-    $username = "​le-compte-créé-précédemment";​ +
-    $password = "​le-mot-de-passe-de-ce-compte";​ +
-    $database = "​le-nom-de-votre-base-de-données";​ +
-    $dbport = 3306; +
-    $connection = mysqli_connect($servername,​ $username, $password, $database, $dbport)or die(mysql_error());​ +
-        if ($connection->​connect_error) { +
-        die("​Connection failed: " ​$connection->​connect_error);​ +
-    }  +
-?>   +
-   +
-sur chaque page de votre site, il vous faudra insérer ce code :+
  
-<?php +Comme on peut le voir sur la colonne de gauche, une infinité d'​environnement peuvent être créé, permettant alors jongler entre les différents projets, ce qui peut être utile lorsque l’on est plusieurs. Le site permet aussi de travailler à plusieurs sur le même document, en voyant ou se trouve le curseur de chaque personne.
-include("​config.php"​);​ +
-?>+
  
-pour créer et exécuter des requêtes vers la base de données ​il vous faudra procéder de la sorte :+De nombreuses préférence peuvent être ajoutées, comme l'​arrière plan, le format du code, l’endroit ou il va être sauvegarder ou encore ​la possibilité d'​instaurer des macros.
  
-<?php +Il faudra juste faire attention à bien penser à sauvegarder,​ car celle-ci contrairement à Google-Drive ne sont pas automatiques.
-$query = "​SELECT pseudo FROM comptes";​  +
-/* on demande a la base de donnéés de nous donner les pseudos et les scores dans l'​ordre des scores du plus grand au plus petit /*+
  
-$result = mysqli_query($connection$query);  +Pour partagerrien de plus simpleil suffit d'​appuyer sur le bouton Share puis de soit envoyer un lien d'​invitation,​ soit de rentrer le surnom de la personne voulue. On choisira ensuite ce à quoi elle aura accès ( modification,​ sauvegarde etc.)
-/* $connection : variable contenant les informations ​de connexion à la base$query : variable contenant ​la requête précédemment préparée /*+
  
-while ($row = mysqli_fetch_assoc($result)) ​ 
-/* transformation du résultat de la requete en un tableau a chaque tour de la boucle on accede à la ligne suivante de la base de donné */ 
-{ 
-  $pseudo = $row['​pseudo'​];​ 
-  // récupération du pseudo actuel dans la variable $pseudo. ​ 
-} 
-?> 
  
-Les informations principales sont à votre disposition,​ pour en savoir plus, allez sur [[https://​openclassrooms.com/​courses/​maitrisez-mysqli-sans-poo|Open Classrooms - Mysqli]] 
  
-====== Partager le projet ====== 
  
-Pour permettre à d'​autres personnes de travailler avec vous sur votre projet, ces personnes doivent se créer un compte sur Cloud9. Vous pouvez les y inviter en cliquant sur "​share"​ (en haut à droite de l'​écran) et en indiquant l'​adresse mail de la personne à inviter. Si la personne a déjà un compte, il vous suffit de le rentrer dans le même champ. N'​oubliez pas de sélectionner le mode adapté c'est à dire "​R"​ si vous voulez autoriser seulement la lecture et la visualisation du projet par la personne ou "​RW"​ si vous souhaitez également l'​autoriser à le modifier. 
  
-Pour mettre votre site en ligne, il vous suffit de cocher la case "​public"​ sur la ligne "​application"​ de cette même fenêtre. Le lien pour accéder à votre site est celui indiqué sur cette ligne. 
  
  
-  
  
les_exposes/cloud_nine_ide.1463039279.txt.gz · Dernière modification: 12/05/2016 09:47 par chauvire