tutoriels:statique_associatif

Différences

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

Lien vers cette vue comparative

Prochaine révision		 Révision précédente
tutoriels:statique_associatif [13/08/2020 17:18] – créée mle-gouetutoriels:statique_associatif [14/08/2020 11:17] (Version actuelle) – mle-goue
Ligne 1: Ligne 1:
 +====== Site statique associatif ======
  
 +==== Préparation des outils ====
 +
 +=== Installation ===
 +
 +Pour pouvoir modifier un site statique associatif, il faudra installer [[https://gitforwindows.org/|Git for windows]] et un éditeur de code, comme [[https://www.sublimetext.com/3|Sublime Text]].
 +
 +<note tip> Git est un logiciel qui permet de partager et versionner du code (enregistrer différentes versions d’un projet pour garder un suivi). </note>
 +
 +
 +=== GitLab du GInfo ===
 +
 +Vous devez vous connecter au [[https://gitlab.ginfo.centrale-marseille.fr/|GitLab du GInfo]] avec votre compte MyCentraleAssos. Ensuite, il faudra contacter un membre du GInfo ou l'ancien webmaster pour qu'il vous donne les droits sur votre site. Il faut mettre un mot de passe à son compte GitLab ici : [[https://gitlab.ginfo.centrale-marseille.fr/profile/password/edit|]]
 +
 +<note tip> GitLab permet de mettre son code en ligne pour qu’ensuite d’autres développeurs puissent le récupérer et le modifier. </note>
 +
 +==== Récuperer le projet ====
 +
 +Maintenant que tout est bien installé et configuré, il va falloir cloner le projet. 
 +
 +Créez un dossier où vous voulez mettre le projet. Allez dans ce dossier puis en haut, faites clic droit puis **Copiez l'adresse en tant que texte** .
 +Ouvrez l'invite de commande : 
 +  * Sur Windows : tapez cmd dans la barre de recherche Windows.
 +  * Sur Mac : Cherchez le Terminal dans la barre de recherche
 +
 +Il va falloir aller dans ce dossier avec l'invite de commande. Pour cela, tapez : 
 +
 +<file>
 + cd [chemin vers votre dossier]
 +</file>
 +
 +Il vous faut maintenant l'url de votre projet. Pour cela, allez sur votre projet dans GitLab. Il y a un bouton Clone. Cliquez dessus et copiez le lien **Clone with HTTPS**.
 +
 +{{ :tutoriels:clone.png?400 |}}
 +
 +<file>
 + git clone [votre url]
 +</file>
 +
 +Normalement, on va vous demander votre identifiant et mot de passe GitLab (le mot de passe que vous avez configuré plus tôt).
 +
 +Maintenant que vous avez récupéré le code de votre site, vous pouvez le modifier.
 +
 +==== Modification de votre site ====
 +
 +Votre site est codé en [[https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3?status=published|HTML, CSS]] et [[https://openclassrooms.com/fr/courses/1916641-dynamisez-vos-sites-web-avec-javascript|JavaScript]]. 
 +
 +Pour consulter votre site, vous pouvez coller le chemin vers votre dossier dans votre naviagteur.
 +
 +==== Mise à jour du site ====
 +
 +Vous avez fini de modifier votre site. Il va falloir mettre à jour le code qui est sur GitLab. Pour cela, vous devez **commit** vos changements.
 +
 +Mais avant de **commit**, il va falloir sélectionner les fichiers que vous avez modifié. 
 +
 +Pour cela, à faire dans l'invite de commande :
 +
 +<file>
 + cd [chemin vers votre dossier]
 +</file>
 +
 +<file>
 + git add .
 +</file>
 +
 +Ensuite, il faut commit tous ces fichiers :
 +
 +<file>
 + git commit -m "message qui décrit vos modifications"
 +</file>
 +
 +Enfin, il faut **push**, c'est-à-dire mettre à jour le code sur Gitlab :
 +
 +<file>
 + git push origin master
 +</file>
 +
 +Et voilà, votre site est à jour !
 +
 +====Développement à plusieurs====
 +Si vous êtes plusieurs à travailler sur le projet, vous avez besoin de récupérer le code que les autres ont **commit** puis **push** (s'ils ne l'ont pas fait, vous ne pourrez pas récupérer le code). Pour cela, il suffit de taper la commande (lorsque vous êtes dans le bon dossier) :
 +
 +<file>
 + git pull
 +</file>
 +
 +Et voilà, le site est à jour sur votre ordinateur.