Documentation

Guide d'utilisation

Tout ce qu'il faut savoir pour gérer vos projets, vos équipes, et générer votre site web ou votre boutique en ligne avec Nota.

A Fonctionnement général

Nota organise votre travail selon une hiérarchie simple : un projet se découpe en phases, et chaque phase se découpe en tâches. Cette structure unique s'adapte à des usages très différents — gestion de projet classique, CV, portfolio, site vitrine, boutique en ligne, répertoire téléphonique, planning quotidien ou hebdomadaire — selon le modèle choisi à la création du projet.

B Inscription et connexion

1. Créer un compte

  1. Cliquer sur Inscrivez-vous gratuitement
  2. Saisir votre nom et prénom
  3. Saisir votre adresse email
  4. Saisir votre mot de passe
  5. Cliquer sur Enregistrer

2. Se connecter

  1. Cliquer sur Se connecter
  2. Saisir votre adresse email
  3. Saisir votre mot de passe
  4. Cliquer sur Se connecter

3. Mot de passe oublié

  1. Saisir votre adresse email
  2. Cliquer sur Mot de passe oublié ?

Un email contenant un nouveau mot de passe vous sera envoyé. Une fois connecté, pensez à le modifier depuis votre profil.

C Gestion des projets

1. Créer un nouveau projet

  1. Cliquer sur Mes projets
  2. Saisir le titre du projet
  3. Saisir les dates de début et de fin
  4. Cliquer sur l'icône

Le nouveau projet apparaît ensuite dans la liste ci-dessous.

Vous pouvez également utiliser l'icône Générer pour créer un projet à partir d'un modèle prédéfini :

  • Répertoire téléphonique
  • Importer contacts
  • Curriculum Vitae
  • Site Web Portfolio
  • Site Web Vitrine
  • Ma Journée
  • Ma Semaine

2. Modifier un projet

  1. Cliquer sur Mes projets
  2. Cliquer sur l'icône Modifier correspondant à la ligne du projet
  3. Apporter les modifications dans la fenêtre qui s'affiche
  4. Cliquer sur Modifier pour enregistrer

3. Supprimer un projet

  1. Cliquer sur Mes projets
  2. Cliquer sur l'icône de suppression correspondant à la ligne du projet
  3. Confirmer la suppression en cliquant sur Confirmer
Remarque — la suppression n'est possible que si le projet ne contient aucune phase.

4. Affichage en diaporama

Cliquer sur l'icône Diaporama correspondant à la ligne du projet pour afficher ses informations sous cette forme.

5. Édition d'un rapport

Cliquer sur l'icône Rapport correspondant à la ligne du projet pour générer un rapport complet, imprimable ou exportable en PDF.

D Gestion des phases

1. Créer une nouvelle phase

  1. Cliquer sur Mes projets
  2. Cliquer sur le titre du projet à découper en phases
  3. Dans la section Nouvelle phase, saisir le titre et l'ordre de la phase
  4. Cliquer sur l'icône

La nouvelle phase apparaît dans la liste ci-dessous.

2. Modifier une phase

  1. Cliquer sur l'icône Modifier correspondant à la ligne de la phase
  2. Apporter les modifications nécessaires
  3. Cliquer sur Modifier pour enregistrer

3. Supprimer une phase

  1. Cliquer sur l'icône de suppression correspondant à la ligne de la phase
  2. Confirmer la suppression en cliquant sur Confirmer
Remarque — la suppression n'est possible que si la phase ne contient aucune tâche.

4. Affichage en diaporama

Cliquer sur l'icône Diaporama correspondant à la ligne de la phase pour afficher ses informations sous cette forme.

E Gestion des tâches

1. Créer une tâche

  1. Cliquer sur Mes projets
  2. Cliquer sur le titre du projet
  3. Cliquer sur le titre de la phase à découper en tâches

Une nouvelle page s'affiche, indiquant le titre du projet, celui de la phase, ainsi que le nombre de tâches déjà présentes.

  1. Cliquer sur + dans la zone Nouvelle tâche
  2. Renseigner le formulaire : titre, contenu, personne affectée, priorité, lien de ressource
  3. Cliquer sur Ajouter pour enregistrer

2. Mise en forme du contenu, états d'une tâche et blocs utiles

Mise en forme du texte :

EffetSyntaxe
Gras et soulignéPlacer $ avant le texte
Liste à pucesPlacer * avant chaque élément, choisir une puce via le bouton Icônes
Paragraphe encadré (fond gris)Placer µ au début du paragraphe

États d'une tâche : En attenteEn coursClôturée. Chaque état est associé à une couleur, personnalisable dans le menu Paramétrage.

Blocs utiles pour un rapport :

BlocComment le créer
TableauTitre = tableau:un libelle ; données CSV dans la zone Texte (séparateur ;)
GraphiqueTitre = graphique:un libelle ; données CSV dans la zone Texte (séparateur ;)
Code informatiqueTitre = code:un libelle ; lignes de code dans la zone Texte (HTML, CSS, Python, PHP, C#, ...)

3. Modifier une tâche

Chaque tâche dispose d'icônes d'action en bas de son bloc :

  • Modifier Modifier les données de la tâche
  • Changer l'état Changer l'état de la tâche
  • Ressource Accéder à la ressource attachée
  • Supprimer Supprimer la tâche

4. Afficher les tâches d'un projet

  1. Cliquer sur Mes projets
  2. Cliquer sur le titre du projet
  3. Cliquer sur le titre de la phase

L'ensemble des tâches de la phase s'affiche en mosaïque, avec le titre du projet et de la phase ainsi que leur nombre total.

5. Tâches affectées par un autre utilisateur

  1. Cliquer sur Organisation
  2. Cliquer sur Tâches de collaboration

Dans le cadre d'un projet collaboratif, un utilisateur peut affecter une tâche à un autre membre de l'une de ses équipes. L'utilisateur destinataire ne peut alors que changer l'état de la tâche. Le propriétaire du projet reçoit une notification dès que la tâche est clôturée.

F Gestion des équipes

1. Créer une nouvelle équipe

  1. Cliquer sur Mes équipes
  2. Saisir le nom de la nouvelle équipe
  3. Cliquer sur l'icône

2. Modifier une équipe

  1. Cliquer sur l'icône Modifier correspondant à la ligne de l'équipe
  2. Modifier le nom de l'équipe
  3. Cliquer sur Modifier pour enregistrer

3. Supprimer une équipe

  1. Cliquer sur l'icône de suppression correspondant à la ligne de l'équipe
  2. Confirmer la suppression en cliquant sur Confirmer
Remarque — la suppression n'est possible que si l'équipe ne contient aucun membre.

4. Rattacher un membre à une équipe

  1. Cliquer sur le nom de l'équipe cible
  2. Saisir l'adresse email du membre et valider avec Entrée
  3. Les informations du membre s'affichent s'il existe
  4. Cliquer sur Attacher

5. Détacher un membre d'une équipe

Cliquer sur Détacher en face de la ligne du membre concerné.

G Partage d'un projet

1. Activer le partage au niveau du projet

  1. Cliquer sur Mes projets
  2. Cliquer sur l'icône Modifier correspondant à la ligne du projet cible
  3. Régler Partage sur Oui
  4. Cliquer sur Modifier pour enregistrer

2. Créer l'équipe de partage

  • Créer une équipe portant le nom Partage-IdProjet
  • Exemple : pour un projet dont l'ID est 1245, l'équipe s'appellera Partage-1245
  • Rattacher ensuite à cette équipe les utilisateurs concernés par le partage

3. Communiquer le lien du projet partagé

  • Envoyer aux destinataires le lien : https://nota-fr.com/diapoprojet/IdProjet
  • Exemple : https://nota-fr.com/diapoprojet/1245
  • Vous pouvez également créer une tâche contenant ce lien en ressource et l'affecter aux destinataires

4. Désactiver le partage

  • Pour une désactivation totale, régler Partage sur Non
  • Pour retirer l'accès à un utilisateur précis, il suffit de le détacher de l'équipe de partage

5. Partage automatique

  1. Cliquer sur l'icône Partage correspondant à la ligne du projet cible

L'équipe de partage est alors créée automatiquement — il ne reste plus qu'à y attacher les membres bénéficiaires.

6. Transfert de projet

  1. Cliquer sur le nom de l'équipe de partage (ex. Partage-105)
  2. Cliquer sur Transférer en face de l'utilisateur cible

Le transfert englobe le projet, ses phases et ses tâches.

H Paramétrage

Le menu Paramétrage permet de :

  • Modifier les couleurs du titre des tâches, de l'arrière-plan du titre, et de l'arrière-plan du contenu (En attente, En cours, Clôturée)
  • Ajouter un fond d'écran à vos diaporamas, CV et rapports
  • Choisir une disposition pour vos rapports
  • Modifier votre mot de passe
  • Changer votre photo de profil
  • Changer le type de votre abonnement

I Génération de site web, portfolio et boutique en ligne

1. Génération automatique du site

Utilisez l'icône Générer pour créer un projet selon l'un des modèles suivants :

  • Site Web Portfolio
  • Site Web Vitrine
  • Site Web Boutique en ligne

Une fois le modèle choisi, cliquez sur pour enregistrer votre site. Les phases (rubriques) du projet sont alors créées automatiquement, et une icône Web apparaît pour visualiser le site en ligne.

Vous pouvez ajouter des phases selon vos besoins : elles constitueront le menu du site, et leurs tâches en formeront les blocs de contenu.

Important — le nom du projet doit impérativement contenir le mot « Site Web », suivi de « Vitrine », « Portfolio » ou « Boutique ».

2. Structure du site web

Première phase — paramètres de la bannière :

  • Nom de la bannière à afficher
  • 70 bannières disponibles (image-1.jpg à image-70.jpg), visibles via le menu Paramétrage
  • Une couleur d'arrière-plan : rouge, vert, jaune, bleu, rose, orange, gris ou noir
  • Les deux paramètres sont séparés par une barre verticale | (Alt Gr + 6)
Avec bannière :  image1.jpg | rouge-droite
Sans bannière :  aucun | rouge-droite

Deuxième phase — profil et menu (valeurs séparées par |) :

  • Photo de profil, Nom, Couleur du nom, Message court, Couleur du message, Couleur des titres, Type de menu
  • Couleurs disponibles : rouge, vert, jaune, bleu, rose, orange, gris, noir
  • Types de menu : type-simple-bleu, type-simple-rouge, type-simple-vert, type-simple-jaune

D'autres formats de menu sont présentés dans le tutoriel EJKCSS, rubrique « Menu de navigation ».

25.jpg | EL JAHED Khalid | blanc | Un message court... | jaune | rouge | type-simple-rouge

Les phases suivantes composent le menu du site ; leurs tâches en constituent le contenu.

3. Les blocs disponibles pour le site web

BlocComment le créer
Titre + paragrapheUne tâche avec un contenu simple
Deux colonnes (texte + média)Tâche avec contenu et lien de ressource
Paragraphe sans titre visibleTitre de la tâche = .... (4 points)
Ligne de séparationTitre = ligne, contenu = une ligne de séparation
Grand titre + texteTitre de la tâche = gtitre
TableauTitre = tableau ; données CSV dans la zone Texte (séparateur ;)
Colonnes (photos, catalogue)Titre = colonnes ; colonnes séparées par ====

Ce dernier format sert à afficher des photos accompagnées de texte, ou à représenter un catalogue de produits/services pour une boutique en ligne — le bouton WhatsApp aide à structurer la présentation d'un produit.

Ajouter l'icône 🛒 (via le bouton Icônes, catégorie « Argent ») en début de désignation d'un produit ou service modifie sa couleur d'affichage.

4. Créer une boutique en ligne

Le nom du projet doit contenir Site Web Boutique. Le catalogue de produits ou services doit être affiché en colonnes (voir section précédente).

Configuration :

  • Une phase nommée catalogue est créée par défaut
  • Elle contient une tâche de paramétrage obligatoire, à ne jamais supprimer
Titre = panier
Texte = numéro WhatsApp;texte des boutons;devise
Exemple : 212699887766;Ajouter;DH

Agencement des produits et services :

  • Le titre de la tâche doit être colonnes
  • Le texte de la tâche doit contenir, pour chaque produit : le lien de l'image, la désignation (ex. 🛒 Adidas Stan Smith), le prix (ex. $350.00), la disponibilité
Remarque — l'icône 🛒 en début de désignation et le symbole $ avant le prix sont tous deux obligatoires — le second permet le calcul des montants.

La tâche intitulée panier fait apparaître le bouton Voir Panier, qui permet de consulter le détail du panier, de le mettre à jour et de lancer la commande via WhatsApp.

5. FAQ (questions / réponses)

  • Titre de la tâche = accordion
  • Chaque question précédée de Q:, chaque réponse précédée de R: (y compris les lignes vides)
  • Chaque couple question/réponse séparé du suivant par ====

6. Barre de progression

  • Titre de la tâche = progression
  • Chaque barre au format : légende;valeur numérique [0-100];couleur
  • Couleurs disponibles : noire, grise, rouge, verte, bleue, rose, orange

7. Habillage graphique

  • Bouton Icônes — insérer des icônes disponibles dans Nota
  • Bouton Images — coller l'adresse d'une image puis cliquer sur Insérer l'image

Votre site propulsé par Nota est accessible à l'adresse https://nota-fr.com/site/numero. Pour relier un nom de domaine personnalisé, contactez l'administrateur de Nota :

J Répertoire téléphonique

1. Importer vos contacts (Nota vers Téléphone)

  • Titre du projet = Répertoire téléphonique ...
  • En général le Titre de la Tache contient le : Nom du contact et le Contenu de la Tâche contient le numéro et l'email du contact sur 2 lignes
  • Une icône apparait qui permet d'importer un fichier .vcf vers votre téléphone

1. Exporter vos contacts (Téléphone vers Nota)

  • Générer un projet à partir du modèle Importer contacts
  • Une phase nommée Mes contacts téléphoniques est créée automatiquement
  • Une icône apparait qui permet d'afficher le formulaire d'importation
  1. Cliquer sur choisir un fichier
  2. Cliquer sur Importer pour que tous les contacts seront enregistrés dans des Tâches
  3. Cliquer sur Supprimer pour supprimer tous les contacts déjà enregistrés

K Exemples réalisés

Site portfolio
eljahed.com ↗
boutique en ligne - Parfumerie
nota-fr.com/site/126 ↗
boutique en ligne - Hébergement
darhind.com ↗