Différences

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

--- les_exposes:cloud_nine_ide [12/05/2016 09:44]
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’application, seulement 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 HTML, le CSS, le javascript, le PHP et les bases de données type MySQL.
 ====== 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)
+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.
-{{:les_exposes:tuto_cloud9.jpg?400|}}
+Vous ensuite un choix à faire entre trois plan de support:
-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.
+ - 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
-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 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
-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 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.
-- Une courte description de celui-ci
-- 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//
+====== Type de 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"
+{{:les_exposes:project.png?400|}}
+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
-====== La programmation web ======
+====== AWS IDE ======
-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 ..
+Pour la programmation web, c’est le service IDE qui nous intéressera. Vous devrez tout d’abord nommer votre projet (et facultativement lui donner une petite description)
-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.
+Il faudra ensuite choisir choisir vos paramètres d'environnement :
-Pour créer une base de données sur votre site :
+- créer une nouvelle instance amazon EC2 si vous partez de 0 ou se connecter à un serveur vous appartenant SSH.
-- 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.)//
+- choisir le nombre de giga de RAM ( de 1 à 8) à allouer ainsi que le nombre de processeur (de 1 à 2)
-votre lien vers phpmyadmin vous sera normalement donné, il est de la forme https://lenomdevotreprojet-votrepseudo.c9users.io/phpmyadmin/
+- La plateforme ( Ubuntu ou Amazon)
-Copiez ce lien dans un nouvel onglet pour accéder à Phpmyadmin
+- Le délai avant la mise en veille de l'environnement
-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.
-La page sur laquelle vous arrivez vous permettra de créer votre base de données.
+Votre projet créer, vous arriverez sur cette page :
-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ées, cliquez 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 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.
+{{:les_exposes:cap.png?400|}}
-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.
+Celle-ci vous permet de créer de nouveau projet, soit à partir de page vierge, soit à l’aide d'en tête toute prête ( mais très simpliste) Pour vous rappelez en cas d'oublis comment structurer votre code.
-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".
+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).
-Dans ce fichier, copiez-collez 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.
-    $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
+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.
-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 :
+Il faudra juste faire attention à bien penser à sauvegarder, car celle-ci contrairement à Google-Drive ne sont pas automatiques.
-<?php
+Pour partager, rien de plus simple, il 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.)
-$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);
-/* $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.
-}
-?>
-====== 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.

Wiki ISN

Outils pour utilisateurs

Outils du site

Différences

Outils de la page