+ Vous pouvez exporter les résultats de recherche en cliquant sur "exporter les résultats". +
+-
-
Gestion des exercices
+ Gestion des tags
+ Gestion des catégories
+ - + Créateur : le créateur de le la ressource informatique. + +
- + Le nom du tag. + +
- + La catégorie à laquelle il appartient. + +
- + Le nombre de ressources informatiques utilisant ce tag (exercices tagués). + +
- + Le nombre de fois que le tag a subit une modification (version). + +
- + Le status du tag. + +
-
+
+ En attente de validation + -
+
- + Le tag est mis en attente pour révision. + Un administrateur se chargera de le valider ultérieurement. + +
+ -
+
+ Valide + -
+
-
+ Lorsque le tag est accepté par l'administration, le tag est alors validé et disponible
+ publiquement dans la
bibliothèque . +
+
+ -
+ Lorsque le tag est accepté par l'administration, le tag est alors validé et disponible
+ publiquement dans la
-
+
+ Invalide + -
+
- + Lorsque le tag n'est pas considérée comme valide (faute de frappe, doublons, + incohérences), l'administrateur se réserve le droit d'invalider le tag. Il pourra néanmoins être + modifié (par un admin) pour le revalider plus tard. + +
+ -
+
+ Obsolète + -
+
- + Quand un tag n'est plus d'utilité ou est remplacé par un autre. + +
+ Informations sur la preview d'une ressource
+ Le panneau à onglets
+ - Le titre de la ressource +
-
+ Quelques mots clés pour mieux identifier le type de ressource (si présents sur la ressource) :
+
-
+
- Le cours +
- Le langage +
- La difficulté +
- La thématique +
- Le type d'exercice +
+ - La cotation de la ressource (sur 5)
+
-
+
- + lorsque'aucun vote n'a été effectué, un tiret (-) grisé est affiché. Nous donnons une grande importance + au feedback de la communauté ! En évaluant ces ressources, vous contribuez ainsi à maintenir une + plateforme ayant du contenu de qualité. + +
+ Filtres
+ Historique
+ Favoris (seulement lorsque vous êtes connectés !)
+ - Le crayon vous permet de modifier le favori. Il vous mènera donc sur la page de modification de ce favori. +
- Le poubelle vous permet de supprimer votre favori directement depuis le panneau. +
Styles de base
+ Structurer le texte
+ Utiliser des listes
+ Formatter du code
+ Undo/redo
+ Accueil de gestion des favoris
+ Formulaire de création/modification d'un favori
+ - + Nom du favori (obligatoire) : Donner un nom au favori. + + +
- + Titre de la sélection : titre de recherche. + + +
- + Tags (obligatoire) : les tags qui vont être appliqués pour votre recherche. + Pour ajouter des tags, cliquez sur l'onglet avec l'icône de filtre dans le panneau à onglets. + +
- Un tag valide pourra être utilisé depuis la bibliothèque pour filtrer les ressources informatiques. + Ceci garanti un meilleur référencement pour la ressource. +
- Un tag obsolète risque d'être remplacé par un autre tag ou d'être supprimé ultérieurement. +
- Un tag en attente n'a pas encore passé la validation d'un administrateur. +
- Un tag non valide n'a pas été accepté l'administration. Il se peut qu'il soit modifié ultérieurement. +
-
+
+ Comptes et utilisateurs + +
+ -
+
+ Bibliothèque + +-
+
Informations sur la preview d'une ressource
+ Le panneau à onglets
+
+ Ressources informatiques
+ -
+
+ Favoris + +-
+
Accueil de gestion des favoris
+ Formulaire de création/modification d'un favori
+
+ -
+
+ Mes exercices + +-
+
Gestion des ressources
+ Status d'une ressource informatique
+ Gestion du status de la ressource
+ Création/modification d'une ressource
+ Soumission
+
+ -
+
+ Editeur de texte + +-
+
Styles de base
+ Structurer le texte
+ Utiliser des listes
+ Formatter du code
+ Undo/redo
+
+ -
+
+ Administration + +-
+
Gestion des exercices
+ Gestion des tags
+ Gestion des catégories
+
+ Gestion des ressources
+ Status d'une ressource informatique
+ Gestion du status de la ressource
+ Création/modification d'une ressource
+ Soumission
+ - + Le titre de la ressource + +
- + Le nombre de votes émis par la communauté + +
- + La moyenne (sur 5) des votes émis par la communauté + +
- + La date de mise à jour de la ressource informatique + +
- + La présence d'une archive zip pour la ressource informatique + +
- + Le status de la ressource (voir cette section) + +
-
+
+ Brouillon + -
+
-
+ Signifie que la ressource n'est pas encore prête à être validée par l'administration.
+ La ressource n'est donc pas disponible depuis la
+
bibliothèque . +
+
+ -
+ Signifie que la ressource n'est pas encore prête à être validée par l'administration.
+ La ressource n'est donc pas disponible depuis la
+
-
+
+ En attente de validation + -
+
- + La ressource est mise en attente pour révision. + Un administrateur se chargera de la valider ultérieurement. + +
+ -
+
+ Valide + -
+
-
+ Lorsque la ressource est acceptée par l'administration, la ressource est alors validée et disponible
+ publiquement dans la
bibliothèque . +
+
+ -
+ Lorsque la ressource est acceptée par l'administration, la ressource est alors validée et disponible
+ publiquement dans la
-
+
+ Invalide + -
+
- + Lorsque la ressource n'est pas considérée comme valide (mauvaise qualité d'écriture, doublons, + incohérences), l'administrateur se réserve le droit d'invalider la ressource. Elle pourra néanmoins être + modifiée pour la refaire passer en phase de révision. + +
+ -
+
+ Archive + -
+
- + Quand une ressource est archivée, elle est alors uniquement accessible par les administrateurs et par + son créateur. + +
+ - + Un titre (obligatoire) + +
- + Une description (obligatoire) + +
- + Des tags (obligatoire) + +
- + Une archive zip en guise de fichier + +
- + Un lien externe (url) + +
- Un tag valide pourra être utilisé depuis la bibliothèque pour filtrer les ressources informatiques. + Ceci garanti un meilleur référencement pour la ressource. +
- Un tag obsolète risque d'être remplacé par un autre tag ou d'être supprimé ultérieurement. +
- Un tag en attente n'a pas encore passé la validation d'un administrateur. +
- Un tag non valide n'a pas été accepté l'administration. Il se peut qu'il soit modifié ultérieurement. +
- Brouillon : Vous estimez que votre ressource informatique n'est pas encore prête pour être validée, + vous la laissez donc en stand-by pour la modifier plus tard. A noter que vous DEVEZ remplir les + champs obligatoires pour l'enregistrer sous cet état. +
- + Soumettre : Vous estimez que votre ressource informatique est prête pour inspection. En cliquant sur + soumettre, la ressource se met automatiquement en mode "en attente", jusqu'à ce qu'un administrateur + la prenne en charge pour validation. + +
- + Invalider : Vous estimez que votre ressource informatique n'est pas correcte car elle comporte des + défauts, des incohérences ou est un dupliqué d'une autre ressource informatique. + +
- + Archiver : Vous estimez que la ressource n'a plus d'utilité à demeurer dans la bibliothèque. + En choisissant cette option, seul les administrateurs et le créateur de la ressource pourront + consulter cette ressource dans le futur. + +
- + Mettre en attente : Vous estimez que votre ressource informatique est prête pour inspection. En cliquant sur + soumettre, la ressource se met automatiquement en mode "en attente", jusqu'à ce qu'un administrateur + la prenne en charge pour validation. + +
- Brouillon : Vous estimez que votre ressource informatique n'est pas encore prête pour être validée, + vous la laissez donc en stand-by pour la modifier plus tard. A noter que vous DEVEZ remplir les + champs obligatoires pour l'enregistrer sous cet état. + +
- Valider : Vous estimez que votre ressource informatique est prête à apparaitre publiquement + dans la bibliothèque. + +
+
+
+
+
+
+
+
diff --git a/pages/exercices/_id.vue b/pages/exercices/_id.vue
index 5881cce..5d1223a 100644
--- a/pages/exercices/_id.vue
+++ b/pages/exercices/_id.vue
@@ -222,6 +222,7 @@
#Exercise {
.exercise {
+ position: relative;
.score__info {
display: flex;
diff --git a/pages/exercices/index.vue b/pages/exercices/index.vue
index 6c2e6ef..0152939 100644
--- a/pages/exercices/index.vue
+++ b/pages/exercices/index.vue
@@ -20,7 +20,7 @@
Administration
+
+ 
+
+
+ 
+
+ 
+
+
+ 
+
+ + Source Code ne serait rien sans son équipe d'administrateurs garantissant la maintenance de + contenus qualitatifs. Dans cette section nous allons aborder les différentes interfaces qu'un administrateur + pourra utiliser. +
+ + +Table des matières
+ +-
+
Gestion des exercices
+ +
+ La gestion d'exercices fonctionne exactement comme la gestion de ses propres exercices. Reportez-vous donc à la
+ section
+
+
+ + En tant qu'administrateur, vous possédez néanmoins des foncionnalités additionnelles. + Laissez-nous vous les introduire. +
+ +Export des résultats de recherche
+ ++ Lorsque vous filtrez les ressources informatiques par tags et/ou par titre de recherche, vous pouvez exporter + tous les résultats correspondant à votre filtrage dans un fichier JSON. +
+ +
+ 
+
+
+
+
+
+
+
+ Actions supplémentaires dans "plus d'actions"
+ ++ Par rapport un à utilisateur classique, vous pouvez changer l'état d'une ressource informatique comme bon + vous semble (valide, non valide, en attente, archive, brouillon). +
+ ++ Vous pouvez aussi exporter sous format JSON toutes les ressources cochées. +
+ +Champ supplémentaire dans le tableau des ressources
+ +-
+
Gestion des tags
+ +
+ Vous pouvez créer, modifier ou valider des tags depuis l'interface de gestion
+
Utilisez le panneau latéral pour filtrer les tags par catégories ou par status. Vous pouvez aussi rechercher + des tags en utilisant le champ de recherche.
+ +Plusieurs informations sont disponibles pour identifier les tags :
+ +-
+
+
+ Status des tags
+ +-
+
Création/modification de tags
+ +La création de tag implique un nom et une catégorie à laquelle il appartient.
+ +
+
+
+ Gestion des catégories
+ ++ La gestion des catégories se limite uniquement à la modification du titre ou la création d'une nouvelles + catégorie. La suppression est réservée au super-administrateur. +
+ +
+ Bibliothèque
+
+ 
+
+ 
+
+ 
+
+ 
+
+
+
+ la
+
Table des matières
+ +-
+
+ Informations sur la preview d'une ressource +
+ ++ La section de droite représente tous les exercices correspondants à vos critères de + recherche. Il vous suffit de scroller dans cette section afin de charger les exercices suivants. +
+ +
+
+ + La preview d'une ressource contient les informations suivantes : +
+ +-
+
Le panneau à onglets
+ ++ Le panneau à onglets vous permet d'interagir avec votre interface pour charger les ressources informatiques. ++ +
+ Il existe dès lors 3 onglets : +
+ +-
+
Pour réinitialiser votre recherche, cliquez sur "réinitialiser la recherche" juste en dessous du titre + "Résultats de recherche". +
+ +Filtres
++ Les filtres vous permettent d'affiner votre recherche de ressources informatiques. + Les tags que vous cochez apparaitront juste au dessus des résultats. Si vous voulez retirer un de vos choix, + il suffit de décocher un des tags en question ou de cliquer sur la croix du label représentant le tag + que vous avez sélectionné. +
+ +Vous pouvez réinitialiser votre recherche en cliquant sur la petite flèche présente dans le coin supérieur + droit du panneau filtres +
+ +
+
+ + Vous pouvez choisir plusieurs tags dans une même catégorie. Dans ce cas, la recherche vous donnera des + résultats comprenant au moins un des tags que vous avez sélectionné. +
+ ++ Lorsque vous sélectionnez un tag dans deux catégories différentes, la recherche prendra en compte + tous les exercices comprenant au moins un tag sélectionné dans chacune des catégories. +
+ +
+
+ 
+
+
+
+
+
+
+
+
+
+ Si vous possédez un compte, vous pouvez enregistrer votre sélection actuelle en cliquant
+ sur "Ajouter aux favoris". Le texte sera alors remplacé par une entrée texte
+ où vous pourrez fournir le nom de votre favori. Cliquez sur "Ok" lorsque vous êtes satisfait.
+ Votre nouveau favori apparaitra désormais dans
Historique
+ ++ L'historique vous permet de naviguer à travers les recherches que vous avez précedemment effectuées. + Il restera disponible tout au long de votre session, après quoi il sera réinitialisé. +
+ ++ L'historique est utile pour revenir dans vos précedentes recherches, mais vous pouvez sauvegarder + votre sélection avec les favoris ! ++ +
+
+ + L'historique affiche vos recherches de la plus récente à la plus ancienne. Le titre de votre recherche + s'affichera en bleu tandis que les tags que vous avez sélectionnés seront affichés en mode "pêle-mêle", + séparés par une barre verticale (|). +
+ +Favoris
+ +Cet onglet est seulement disponible lorsque vous possédez un ++ +compte et que vous êtes connectés. +
+ Vos favoris précédemment créés apparaitront dans ce panneau. + Pour utiliser un de vos favoris, il suffit de cliquer sur un d'eux et la recherche s'actualisera + depuis la même page. +
+ +
+
+ + Vous pouvez supprimer ou modifier vos favoris depuis ce panneau en passant votre souri sur un favori, + puis en sélectionnant un des deux icônes qui se présentent à vous. +
+ +-
+
Comptes et utilisateurs
+
+
+
+ La création d'un compte vous permet d'accéder à des fonctionnalités supplémentaires comme la création de
+
+ Nous vous recommandons de lire attentivement nos conditions + d'utilisation afin de prendre connaissance de vos droits et de nos droits. ++ +
Les rôles utilisateurs
+ +Visiteur
+
+ C'est la forme la plus simple pour l'utilisation de la plateforme. Les droits de ce type d'utilisateur se
+ limitent à la navigation dans la
Utilisateur
+ +
+ L'utilisateur est membre de l'application. Il possède donc un compte et peut participer au partage de
+ ressources informatiques sur la plateforme. L'utilisateur a la possibilité de créer
+ des
Administrateur
+
+ L'administrateur est un rôle capital car lui seul permet de garantir du contenu de qualité.
+ Il est chargé de valider les ressources informatiques soumises par les
+ utilisateurs, de valider les tags et de créer de nouvelles catégories de tags.
+ En plus de ces droits ci, l'administrateur possède bien évidement tous les droits
+ de l'
Editeur de texte
+
+ 
+
+ 
+
+ 
+
+ 
+
+
+ Nous allons parcourir les différentes options disponibles pour éditer la description.
+ +Table des matières
+ +-
+
Styles de base
+ +
+
+
+ Basiquement, le premier bloc de boutons sert à mettre en gras, italique, barré,
+ souligné le texte. Vous pouvez sélectionner la partie de texte que vous souhaitez modifier pour ensuite
+ cliquer sur le bouton correspondant au style demandé.
+
Structurer le texte
+ +
+
+ + Le deuxième bloc de boutons permet de structurer le texte en y ajoutant (dans l'ordre) paragraphe, + citation et séparateur horizontal. A noter que lorsque vous utiliser la citation, + vous devez taper deux fois sur la touche enter pour sortir de ce mode. +
+ +Utiliser des listes
+ +
+
+ + Le troisième bloc de boutons permet d'interragir avec deux types de listes : à puces ou ordonnées. + A noter que vous devez taper deux fois sur la touche enter pour quitter le mode liste. +
+ +Formatter du code
+ +
+
+ + L'avant-dernier bloc de boutons permet de styliser du code. Le premier bouton crée un bloc + de code. Il suffit d'insérer du code et l'éditeur reconnaitra automatiquement le langage pour appliquer la + coloration syntaxique. Actuellement, le bloc de code reconnait : javascript, css, java, python, cmake et + cs. Pour quitter le mode bloc de code, tapez sur shift + enter. + Le dernier bouton permet de mettre en évidence un mot en le soulignant. +
+ +Undo/redo
+ +Le dernier bloc permet de revenir en arrière ou en avant.
+ +Favoris
+
+ 
+
+ 
+
+
+
+ Les favoris vous permettent d'enregistrer vos critères de recherche (titre de recherche et
+ filtres) pour pouvoir les réutiliser par après, sans devoir parcourir le panneau de filtres pour effectuer
+ la même recherche. Vous pouvez uniquement utiliser les favoris si vous possédez un
+
+ Pour consulter vos favoris, rendez-vous sur cette
+
Table des matières
+ +-
+
Accueil de gestion des favoris
+ +Vous pouvez gérer vos favoris en passant votre souri sur un de vos favoris. Deux icônes apparaitront, le + crayon permettant de modifier le favori et la poubelle permettant de le supprimer. A noter que + la modification vous renverra sur le formulaire de modification du favori. +
+
+
+ Formulaire de création/modification d'un favori
+ ++ Voici les différents champs à remplir : +
+ +-
+
Un code couleur vous est présenté pour vous tenir au courant du status des tags.
+ +-
+
+
+
+ 
+
+
+
+
+
+
+ + Lorsque vous cliquez sur l'onglet "exercices", vous aurez accès à toutes les ressources informatiques + correspondant à votre recherche. +
+ +Vous pouvez consulter la ressource en passant votre souri sur un des élements et en cliquant sur "voir".
+Introduction
+
+
+ Bienvenue dans l'espace dédié à l'utilisation de cette plateforme ! Vous trouverez ici toutes les informations + nécessaires et/ou utiles afin de pouvoir profiter de la meilleure expérience utilisateur possible.
+ ++ Dans le panneau latéral, vous retrouverez toutes les thématiques abordées dans ce tutoriel. +
+ +En voici un résumé :
+ +-
+
Mes exercices
+
+ 
+
+ 
+
+ 
+
+
+
+ Lorsque vous possédez un
Table des matières
+ +-
+
Gestion des ressources
+ +
+ La recherche fonctionne de la même manière que dans la
+ Pour parcourir toutes vos ressources, scrollez dans le tableau. Arrivé en bas de celui-ci, l'application + chargera les ressources suivantes (si il en reste). ++ +
+
+ Plusieurs informations sont disponibles pour identifier les ressources informatiques :
+ +-
+
Status d'une ressource informatique
+ ++ Voici les différents états que peuvent prendre la ressource informatique : +
+ +-
+
Gestion du status de la ressource
++ Pour modifier l'état d'une ressource, cochez une ou plusieurs ressources. Une liste déroulante d'actions + apparaitra à coté du bouton de création d'exercice. Vous pourrez alors publier (envoyer pour révision), + mettre en brouillon ou archiver la/les ressource(s) sélectionnée(s). +
+
+
+ Création/modification d'une ressource
+ +Si vous recherchez des informations sur l'utilisation de l'éditeur de texte pour composer + la description, reportez-vous+ +ici .
+ La fiche d'une ressource informatique est composée des éléments suivants : +
+ +-
+
+
+
+ 
+
+
+
+
+
+ + Lorsque vous remplissez le champ titre et/ou ajoutez des tags, + le panneau à onglets "exercices" affiche tous les exercices similaires (au sens strict) à la fiche + que vous créez. Cela signifie que tous les exercices contenant le titre entré et TOUS les tags que vous + avez référencés seront ainsi présents dans ce panneau. +
+ +
+ Vous pourrez donc consulter ces exercices en passant votre souri sur un d'eux et puis en cliquant sur
+ "voir". Ceci ouvrira une autre page dans un nouvel onglet menant vers la
+
Ajout de tags
+ ++ Pour ajouter des tags sur la ressource informatique, cliquez sur le bouton "commencez la sélection" ou + reportez-vous au panneau à onglets en cliquant sur l'onglet avec l'icône de filtre. +
+ +Un code couleur vous est présenté pour vous tenir au courant du status des tags.
+ +-
+
Soumission
+ ++ Une fois que vous êtes satisfait des changements, deux options s'offrent à vous : +
+ +-
+
Si vous possédez un compte administrateur, voici les options qui s'offrent à vous :
+ +-
+
Ressources informatiques
+
+ 
+
+
+
+ Les ressources informatiques sont le coeur de Source Code. Elles représentent toutes
+ les contributions émises par la communauté. Vous pouvez les consulter depuis la
+
Voici à quoi ressemble la structure d'une ressource informatique :
+ +
+
+ Panneau de détails
+ ++ Le panneau latéral contient tous les tags qui ont été ajoutés pour identifier la ressource. Plus il y en a, plus + cette dernière sera favorablement référencée sur la plateforme. +
+ ++ Dans la partie sources, vous pourrez télécharger un fichier zip si une archive a été déposée. + De la même manière, le créateur peut aussi mettre à disposition un lien externe à Source Code. +
+ +Fiche de la ressource informatique
+ ++ Notre plateforme ne fait que référencer des ressources informatiques et des exercices. + Vous ne pouvez donc pas résoudre directement depuis Source Code l'exercice ! ++ +
+ Sur la fiche de la ressource, vous pouvez donner une note sur la qualité de la ressource sur 5 étoiles. Il suffit
+ de cliquer sur une des étoiles pour donner votre score. (seulement si vous possédez un
+
+ Lorsque l'exercice vous appartient ou que vous êtes un administrateur, un bouton de modification + apparait dans le coin supérieur droit de la fiche de la ressource. Cliquer sur le bouton vous mènera sur le + formulaire de modification de la ressource. +
+ +