VLC

Blocs Spécialisés
Retour à la documentation
Spécialisés
3 blocs

Blocs Spécialisés

Blocs métier pour la comptabilité (compte en T, écriture de journal) et la programmation (code source). Utilisés principalement dans les formations techniques et financières.

Compte en T
Représentation visuelle d'un compte comptable avec colonnes débit et crédit. Affiche automatiquement les totaux et le solde (débiteur ou créditeur).

Propriétés

PropriétéTypeDescription
numero_comptestringNuméro du compte (ex: "512", "411", "601")
intitule_comptestringLibellé/nom du compte
debitarrayListe des opérations au débit [{libelle, montant}]
creditarrayListe des opérations au crédit [{libelle, montant}]
soldeobjectSolde final : {sens: "debiteur"|"crediteur", montant: number}
Utilisé pour les cours de comptabilité. Le solde est calculé automatiquement si non fourni. Durée estimée : 2 min.
{
  "type": "compte_t",
  "ordre": 11,
  "titre": "Compte 512 - Banque",
  "numero_compte": "512",
  "intitule_compte": "Banque",
  "debit": [
    { "libelle": "Encaissement client Dupont", "montant": 2450.00 },
    { "libelle": "Encaissement client Martin", "montant": 1800.00 },
    { "libelle": "Virement reçu", "montant": 500.00 }
  ],
  "credit": [
    { "libelle": "Règlement fournisseur ABC", "montant": 1800.00 },
    { "libelle": "Loyer local commercial", "montant": 950.00 },
    { "libelle": "Charges sociales", "montant": 1200.00 }
  ],
  "solde": { "sens": "debiteur", "montant": 800.00 }
}

Aperçu

Compte 512 - Banque

512Banque
Débit
Encaissement client Dupont2 450,00
Encaissement client Martin1 800,00
Virement reçu500,00
Crédit
Règlement fournisseur ABC1 800,00
Loyer local commercial950,00
Charges sociales1 200,00
Total4 750,00
Total3 950,00
Solde débiteur
800,00
Écriture de journal
Écriture comptable complète avec plusieurs lignes équilibrées (débit = crédit). Affiche la date, la référence, et vérifie automatiquement l'équilibre de l'écriture.

Propriétés

PropriétéTypeDescription
datestringDate de l'écriture (format JJ/MM/N ou JJ/MM/AAAA)
referencestringNuméro de pièce (facture, avoir, etc.)
lignesarrayLignes de l'écriture [{compte, libelle, debit?, credit?}]
legendestringExplication textuelle de l'écriture
⚠️ La somme des débits doit toujours égaler la somme des crédits. Le composant affiche un indicateur vert si l'écriture est équilibrée, rouge sinon. Durée : 1.5 min + 0.3 min/ligne.
{
  "type": "ecriture_comptable",
  "ordre": 12,
  "titre": "Écriture de vente avec TVA",
  "date": "15/12/N",
  "reference": "FA-2024-00156",
  "lignes": [
    { "compte": "411", "libelle": "Client DURAND SA", "debit": 1200.00 },
    { "compte": "701", "libelle": "Ventes de marchandises", "credit": 1000.00 },
    { "compte": "44571", "libelle": "TVA collectée 20%", "credit": 200.00 }
  ],
  "legende": "Facture de vente n°156 au client DURAND SA - TVA à 20%"
}

Aperçu

Écriture de vente avec TVA

Date :15/12/N
Réf. FA-2024-00156
CompteLibelléDébit €Crédit €
411Client DURAND SA1 200,00
701Ventes de marchandises1 000,00
44571TVA collectée 20%200,00
Totaux1 200,001 200,00
Écriture équilibrée

Facture de vente n°156 au client DURAND SA - TVA à 20%

Bloc de code
Affiche du code source avec coloration syntaxique et mise en forme. Supporte tous les langages de programmation courants.

Propriétés

PropriétéTypeDescription
titrestringTitre descriptif du bloc de code
contenustringHTML avec balises <pre><code>...</code></pre>
Langages supportés : JavaScript, TypeScript, Python, PHP, SQL, HTML, CSS, Java, C#, etc. La coloration syntaxique est appliquée automatiquement.
{
  "type": "code",
  "ordre": 5,
  "titre": "Calcul du montant TTC",
  "contenu": "<pre><code>// Calcul du montant TTC\nfunction calculerTTC(montantHT, tauxTVA = 0.20) {\n  const tva = montantHT * tauxTVA;\n  const ttc = montantHT + tva;\n  \n  return {\n    ht: montantHT.toFixed(2),\n    tva: tva.toFixed(2),\n    ttc: ttc.toFixed(2)\n  };\n}\n\n// Exemple d'utilisation\nconst resultat = calculerTTC(1000);\nconsole.log(`Montant TTC: ${resultat.ttc} €`);</code></pre>"
}

Aperçu

JavaScript exemple.js
// Calcul du montant TTC
function calculerTTC(montantHT, tauxTVA = 0.20) {
  const tva = montantHT * tauxTVA;
  const ttc = montantHT + tva;

  return {
    ht: montantHT.toFixed(2),
    tva: tva.toFixed(2),
    ttc: ttc.toFixed(2)
  };
}

// Exemple d'utilisation
const resultat = calculerTTC(1000);
console.log(`Montant TTC: ${resultat.ttc} €`);

Récapitulatif des blocs spécialisés

TypeUsageDurée
compte_tCompte comptable avec débit/crédit et solde2 min
ecriture_comptableÉcriture de journal équilibrée (débit = crédit)1.5 min + 0.3/ligne
codeBloc de code avec syntaxe coloréeVariable

Usage en formation comptable

Compte en T : Idéal pour expliquer le fonctionnement d'un compte (débit à gauche, crédit à droite) et visualiser le solde final.

Écriture comptable : Parfait pour montrer les écritures de journal avec la règle de la partie double (total débits = total crédits).

Bloc de code : Utile pour les formations Excel/VBA, Python pour la finance, ou tout langage de programmation lié à la gestion.

    Vibe Learning Club