Dernière version du 13 septembre 2024 à 14:14

Wiki hopla.cloud

Commencez par créer votre première instance (VM) sur ce cloud public en visitant la page de Démarrage rapide

1. Inscription

Un grand classique ! Il suffit de vous rendre sur la page et de remplir les champs nécessaires.

Let's GO !

2. Déploiement

Lancer votre premier serveur en choisissant les options qui vous conviennent.

Let's GO !

3. Hopla ! c'est prêt !

Connecter vous à votre première instance et commencer à travailler en toute sécurité.

Let's GO !

Démarrage rapide

Gestion du compte

Support technique

Pour aller plus loin, vous pouvez accéder à la liste de toutes les fonctionnalités

Let's GO !

@@ Ligne 2 : / Ligne 2 : @@
 <div class="jumbotron">
 =Wiki hopla.cloud=
-	<p>Commencez par créer votre premiere instance sur ce cloud public en visitant la page de [[S'inscrire et démarrer rapidement une instance sur hopla.cloud|Démarrage rapide]]</p>
+	<p>Commencez par créer votre première instance (VM) sur ce cloud public en visitant la page de [[S'inscrire et démarrer rapidement une instance sur hopla.cloud|Démarrage rapide]]</p>
-	<div class="container-fluid">
+<div class="row">
-		<div class="row clearfix" style="text-align:center">
+	<div class="col-sm-3 col-md-4">
-			<div class="col-md-4">
+		<div class="thumbnail" style="padding-top:35px;text-align:center">
+			[[Image:list.png|64px|link=Créer_un_compte_sur_hopla.cloud]]
+			<div class="caption">
 				<h4>
-					<span class="mw-headline" id="quick_start"></span><span class="mw-headline-content"><span >[[Image:quick_mode.png|56px|link=S'inscrire et démarrer rapidement une instance sur hopla.cloud]]</span><br><br>[[S'inscrire et démarrer rapidement une instance sur hopla.cloud|Démarrage rapide]]</span>
+. Inscription
 				</h4>
+				<p style="font-size:14px;">Un grand classique ! Il suffit de vous rendre sur la page et de remplir les champs nécessaires.</p>
+				<div>
+					<btn>
+						Créer un compte sur hopla.cloud|Let's GO !|btn-success
+					</btn>
+				</div>
 			</div>
-			<div class="col-md-4">
+		</div>
+	</div>
+	<div class="col-sm-3 col-md-4">
+		<div class="thumbnail" style="padding-top:35px;text-align:center">
+			[[Image:rocket.png|64px|link=Créer une instance Openstack depuis le manager hopla.cloud]]
+			<div class="caption">
 				<h4>
-					<span class="mw-headline" id="account_and_invoicing"></span><span class="mw-headline-content"><span>[[Image:accounting.png|56px]]</span><br><br>Gestion du compte</span>
+. Déploiement
+				</h4>
+				<p style="font-size:14px;">Lancer votre premier serveur en choisissant les options qui vous conviennent.</p>
+				<div>
+					<btn>
+						Créer une instance Openstack depuis le manager hopla.cloud|Let's GO !|btn-success
+					</btn>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="col-sm-3 col-md-4">
+		<div class="thumbnail" style="padding-top:35px;text-align:center">
+			[[Image:check.png|64px|link=Comment se connecter à une instance Openstack]]
+			<div class="caption">
 				<h4>
+. Hopla ! c'est prêt !
+				</h4>
+				<p style="font-size:14px;">Connecter vous à votre première instance et commencer à travailler en toute sécurité.</p>
+				<div><btn>
+						Se connecter à une instance Openstack|Let's GO !|btn-success
+					</btn>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+</div>
+	<div class="container-fluid">
+		<div class="row clearfix" style="text-align:center;margin-bottom:30px">
+			<div class="col-md-4">
+				<h4><span class="mw-headline" id="quick_start"></span><span class="mw-headline-content"><span>[[Image:quick_mode.png|56px|link=S'inscrire et démarrer rapidement une instance sur hopla.cloud]]</span>  [[S'inscrire et démarrer rapidement une instance sur hopla.cloud|Démarrage rapide]]</span></h4>
 			</div>
 			<div class="col-md-4">
-				<h4>
+				<h4><span class="mw-headline" id="account_and_invoicing"></span><span class="mw-headline-content"><span>[[Image:accounting.png|56px|link=Category:Compte_et_facturation]]</span>  [[:Category:Compte et facturation|Gestion du compte]]</span></h4>
-					<span class="mw-headline" id="wiki-as-a-website"></span><span class="mw-headline-content"><span >[[Image:online_support.png|56px|link=Ouvrir une demande de support (ticket)]]</span><br><br>Support technique</span>
+			</div>
-				<h4>
+			<div class="col-md-4">
+				<h4><span class="mw-headline" id="wiki-as-a-website"></span><span class="mw-headline-content"><span>[[Image:online_support.png|56px|link=Category:Support_Technique]]</span>  [[:Category:Support_Technique|Support technique]]</span></h4>
 			</div>
 		</div>
 	</div>
-</div>
+<div class="container-fluid"><div class="row clearfix" style="text-align:left">
+		<div class="col-md-4 "><div class="panel panel-default">
-<div class="container-fluid">
-	<div class="row clearfix" style="text-align:left">
-		<div class="col-md-4 ">
-			<div class="panel panel-default">
 				<div class="panel-heading">
-					<h3 class="panel-title">Les instances</h3>
+					<h3 class="panel-title" style="font-size:20px"><div style="float:left; margin-right:10px">[[Image:instance.png|24px|link=:Catégorie:Instances]]</div>Les instances</h3>
-			</div>
+				</div>
 			<div class="panel-body">
 *[[Créer une instance Openstack depuis le manager hopla.cloud|Créer une instance]]
-*[[Attacher un volume à une instance Openstack depuis le manager hopla.cloud|Attacher un volume de données]]
+*[[Se connecter à une instance Openstack|Se connecter à une instance]]
 *[[Créer un snapshot depuis le manager hopla.cloud|Snapshots et sauvegardes]]
 *[[Redimensionner une instance Openstack depuis le manager hopla.cloud|Redimensionner votre instance]]
-*[[:Catégorie:Réseau|Contrôler les accès réseau]]
 *[[Créer un groupe de sécurité depuis le manager hopla.cloud|Créer un groupe de sécurité]]
 			</div>
-				<div class="panel-footer">
+				<div class="panel-footer" style="text-align:right; font-weight: bold;">
 					[[:Category:Instances|Voir toutes les options]]
 				</div>
@@ Ligne 48 : / Ligne 88 : @@
 			<div class="panel panel-default">
 				<div class="panel-heading">
-					<h3 class="panel-title">Les volumes</h3>
+					<h3 class="panel-title" style="font-size:20px"><div style="float:left; margin-right:10px">[[Image:cloud_storage.png|24px|link=:Catégorie:Volumes]]</div>Les volumes</h3>
 			</div>
 			<div class="panel-body">
 *[[Créer un volume depuis le manager hopla.cloud|Créer un volume]]
-*[[Attacher_un_volume_à_une_instance_Openstack_depuis_le_manager_hopla.cloud|Attacher un volume à une instance Openstack]]
+*[[Attacher_un_volume_à_une_instance_Openstack_depuis_le_manager_hopla.cloud|Attacher un volume]]
-*[[Détacher_le_volume_d'une_instance_Openstack_depuis_le_manager_hopla.cloud|Détacher un volume d'une instance Openstack]]
+*[[Détacher_le_volume_d'une_instance_Openstack_depuis_le_manager_hopla.cloud|Détacher un volume]]
-*[[Etendre un volume depuis Horizon|Étendre un volume]]
+*[[Etendre_un_volume_depuis_le_manager_hopla.cloud|Étendre un volume]]
-*[[Supprimer_un_volume_depuis_Horizon|Supprimer un volume]]
+*[[Supprimer_un_volume_depuis_le_manager_hopla.cloud|Supprimer un volume]]
 			</div>
-				<div class="panel-footer">
+				<div class="panel-footer" style="text-align:right; font-weight: bold;">
-					[[:Category:Instances|Voir toutes les options]]
+					[[:Category:Volumes|Voir toutes les options]]
 				</div>
 			</div>
@@ Ligne 65 : / Ligne 105 : @@
 			<div class="panel panel-default">
 				<div class="panel-heading">
-					<h3 class="panel-title">Les instances</h3>
+					<h3 class="panel-title" style="font-size:20px"><div style="float:left; margin-right:10px">[[Image:hub.png|24px|link=:Catégorie:Réseau]]</div>Les réseaux</h3>
 			</div>
 			<div class="panel-body">
-*[[:Catégorie:Instances|Les instances]]
+*[[Créer un routeur depuis le manager hopla.cloud|Créer un routeur virtuel]]
-*[[:Catégorie:Instances|Les instances]]
+*[[Créer un réseau depuis le manager hopla.cloud|Créer un réseau local]]
-*[[:Catégorie:Instances|Les instances]]
+*[[Créer un groupe de sécurité depuis le manager hopla.cloud|Créer un groupe de sécurité]]
-*[[:Catégorie:Instances|Les instances]]
+*[[Ajouter un groupe de sécurité à une instance Openstack depuis Horizon|Ajouter un groupe de sécurité]]
-*[[:Catégorie:Instances|Les instances]]
+*[[Associer une IP flottante à une instance Openstack depuis le manager hopla.cloud|Manipuler les IP flottantes]]
 			</div>
-				<div class="panel-footer">
+				<div class="panel-footer" style="text-align:right; font-weight: bold;">
-					[[:Category:Instances|Voir toutes les options]]
+					[[:Category:Réseau|Voir toutes les options]]
 				</div>
 			</div>
 		</div><!-- end col-md-4 -->
+	</div>
+</div>
+<div class="container-fluid">
+	<div class="row clearfix alert alert-info">
+		<div class="col-md-10" style="text-align:left; font-size:18px; font-weight: bold;">
+			Pour aller plus loin, vous pouvez accéder à la liste de toutes les fonctionnalités
+		</div>
+		<div class="col-md-2" style="text-align:right">
+			<btn>
+			Les_fonctionnalités_du_cloud_OpenStack_hopla.cloud|Let's GO !|btn-success
+			</btn>
+		</div>
 	</div>
 </div>