Blocs Spécialisés
Retour à la documentationSpé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é | Type | Description |
|---|---|---|
| numero_compte | string | Numéro du compte (ex: "512", "411", "601") |
| intitule_compte | string | Libellé/nom du compte |
| debit | array | Liste des opérations au débit [{libelle, montant}] |
| credit | array | Liste des opérations au crédit [{libelle, montant}] |
| solde | object | Solde 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é | Type | Description |
|---|---|---|
| date | string | Date de l'écriture (format JJ/MM/N ou JJ/MM/AAAA) |
| reference | string | Numéro de pièce (facture, avoir, etc.) |
| lignes | array | Lignes de l'écriture [{compte, libelle, debit?, credit?}] |
| legende | string | Explication 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| Compte | Libellé | Débit € | Crédit € |
|---|---|---|---|
| 411 | Client DURAND SA | 1 200,00 | |
| 701 | Ventes de marchandises | 1 000,00 | |
| 44571 | TVA collectée 20% | 200,00 | |
| Totaux | 1 200,00 | 1 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é | Type | Description |
|---|---|---|
| titre | string | Titre descriptif du bloc de code |
| contenu | string | HTML 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
| Type | Usage | Durée |
|---|---|---|
compte_t | Compte comptable avec débit/crédit et solde | 2 min |
ecriture_comptable | Écriture de journal équilibrée (débit = crédit) | 1.5 min + 0.3/ligne |
code | Bloc de code avec syntaxe colorée | Variable |
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.