diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml index 30bf7791e..8c51a755f 100644 --- a/site/source/locales/ui-en.yaml +++ b/site/source/locales/ui-en.yaml @@ -382,14 +382,6 @@ au bout de 10 ans: after 10 years betawarning: "<0><0>This tool is in beta version: we are working on <3>validating the information and calculations, but <6>errors may still occur." -budget: - description: My-company budget - tableCaption: Table showing the budget for the year {{year}} by expense item. - The first column shows the current year ({{year}}) on the first line, then - the expenditure items, and finally the total before and after tax. The other - columns show expenses for each quarter. The last column shows the totals for - each expense item, as well as the aggregated totals before and after tax. - title: Budget cards: simulator-resource: cta: Access the simulator diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index 3df9e29c4..daa5fc8d9 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -405,15 +405,6 @@ au bout de 10 ans: au bout de 10 ans betawarning: "<0><0>Cet outil est en version bêta : nous travaillons à <3>valider les informations et les calculs, mais des <6>erreurs peuvent être présentes." -budget: - description: Le budget de mon-entreprise - tableCaption: Tableau affichant le bugdet de l'année {{year}} par poste de - dépenses. La première colonne affiche l'année en cours ({{year}}) sur la - première ligne puis les postes de dépenses et pour finir le total HT et - total TTC. Les autres colonnes affichent les dépenses pour chaque trimestre. - La dernière colonne affiche les totaux pour chaque poste de dépenses ainsi - que les totaux HT et TTC agrégés. - title: Budget cards: simulator-resource: cta: Accéder au simulateur diff --git a/site/source/pages/budget/ResourcesAllocation.tsx b/site/source/pages/budget/ResourcesAllocation.tsx new file mode 100644 index 000000000..6f2666c2b --- /dev/null +++ b/site/source/pages/budget/ResourcesAllocation.tsx @@ -0,0 +1,169 @@ +import { formatValue } from 'publicodes' +import { styled } from 'styled-components' + +import { arraySum } from '@/utils' + +type Budget = Record> + +type Props = { + selectedYear: string + budget: Budget +} + +export default function ResourcesAllocation({ selectedYear, budget }: Props) { + const quarters = [ + { label: 'T1', 'aria-label': 'Trimestre 1' }, + { label: 'T2', 'aria-label': 'Trimestre 2' }, + { label: 'T3', 'aria-label': 'Trimestre 3' }, + { label: 'T4', 'aria-label': 'Trimestre 4' }, + ] + + const categories = [ + ...new Set( + quarters + .map((quarter) => Object.keys(budget[quarter.label] ?? {})) + .reduce((acc, curr) => [...acc, ...curr], []) + ), + ] + + const totals = quarters.reduce((total, quarter) => { + const quarterTotal = arraySum(Object.values(budget[quarter.label])) + + return { + ...total, + [quarter.label]: { + 'Total HT': quarterTotal, + 'Total TTC': Math.round(quarterTotal * 1.2), + }, + } + }, {} as Budget) + + return ( +
+ + + {`Tableau affichant le bugdet de l'année ${selectedYear} par poste de dépenses. La première colonne affiche l'année en cours (${selectedYear}) sur la première ligne puis les postes de dépenses et pour finir le total HT et total TTC. Les autres colonnes affichent les dépenses pour chaque trimestre. La dernière colonne affiche les totaux pour chaque poste de dépenses ainsi que les totaux HT et TTC agrégés.`} + + + + {selectedYear} + {quarters.map((quarter) => ( + + {quarter.label} + + ))} + Total + + + + {categories.map((label) => ( + + {label} + {quarters.map((quarter) => { + const value = budget[quarter.label][label] + + return ( + + {value ? ( + formatValue(value, { + displayedUnit: '€', + }) + ) : ( + - + )} + + ) + })} + + {/* Total de ligne */} + {formatValue( + arraySum( + quarters.map((quarter) => budget[quarter.label][label] ?? 0) + ), + { + displayedUnit: '€', + } + )} + + + ))} + + + {['Total HT', 'Total TTC'].map((total) => ( + + {total} + {quarters.map((quarter) => { + const value = totals[quarter.label][total] ?? 0 + + return ( + + {formatValue(value, { + displayedUnit: '€', + })} + + ) + })} + + {/* Total du total */} + {formatValue( + arraySum( + quarters.map((quarter) => totals[quarter.label][total]) + ), + { + displayedUnit: '€', + } + )} + + + ))} + + +
+ ) +} + +const StyledTable = styled.table` + text-align: left; + width: 100%; + td, + th { + padding: 6px; + font-family: ${({ theme }) => theme.fonts.main}; + } + + td:not(:first-child), + th:not(:first-child) { + width: 100px; + text-align: right; + } + + tbody tr:nth-child(odd), + tfoot tr:nth-child(odd) { + background: ${({ theme }) => + theme.darkMode + ? theme.colors.extended.dark[700] + : theme.colors.bases.primary[100]}; + color: inherit; + } + + thead, + tfoot { + font-weight: bold; + } + + tfoot tr:last-child { + color: ${({ theme }) => + theme.darkMode + ? theme.colors.bases.primary[300] + : theme.colors.bases.primary[700]}; + background-color: inherit; + } +` diff --git a/site/source/pages/budget/budget.md b/site/source/pages/budget/budget.md deleted file mode 100644 index 8ee690636..000000000 --- a/site/source/pages/budget/budget.md +++ /dev/null @@ -1,124 +0,0 @@ -**Mon-Entreprise** est un service public numérique, c’est pourquoi nous -sommes transparents sur les ressources allouées et la manière dont elles sont -employées. - -## Principes - -Nous suivons le [manifeste beta.gouv](https://beta.gouv.fr/manifeste) -dont nous rappelons les principes ici : - -> - Les besoins des utilisateurs sont prioritaires sur les besoins de l’administration -> - Le mode de gestion de l’équipe repose sur la confiance -> - L’équipe adopte une approche itérative et d’amélioration en continu - ---- - -En 2019, le projet dispose d’un budget de **250 000 € HT** pris en charge : - -- Par la DINSIC (ancien nom de la [DINUM](https://www.numerique.gouv.fr/dinum/)) à hauteur de 150 000 € HT -- Par l’Acoss (ancien nom de [l'Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html)) à hauteur de 100 000 € HT - -[➡ Voir la convention](https://static.data.gouv.fr/resources/conventions-de-partenariat/20190423-181035/convention-du-15-avril-2019.pdf) - -| | | -| -------------------------- | ----------------: | -| Financement DINSIC | 150 000 € HT | -| Financement Acoss initial | 100 000 € HT | -| Rallonge Acoss fin d’année | 12 500 € HT | -| **Total HT** | **262 500 € HT** | -| **Total TTC** | **315 000 € TTC** | - -En fin d’année une rallonge est attribuée pour la réalisation d’un nouveau -simulateur et une expérimentation sur la paie. - ---- - -En 2020, le budget est désormais pris en charge à 100% par l’Acoss (ancien nom de -l'[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html)). En plus de sa -contribution financière, l’Acoss fournit des ressources métier expertes provenant -du réseau des Urssaf. - -Une enveloppe est allouée pour expérimenter la transformation du moteur de -simulations en moteur de paie complète. La solution proposée ne sera finalement -pas retenue pour la refonte des offres de service de l’Urssaf. Voir le -[compte-rendu de l’expérimentation](https://pad.incubateur.net/s/ulS0EWvxK#). - -Au quatrième trimestre mon-entreprise rejoint le -[programme Gamma](https://blog.beta.gouv.fr/dinsic/2020/08/20/acceleration-des-startups-d-etat-d-un-retour-d-experience-a-l-experimentation-d-un-programme-d-accompagnement-cible-1/) -qui accompagne l’accélération des services publics crées par beta.gouv. Ce -programme est financé par la [DINUM](https://www.numerique.gouv.fr/dinum/). - ---- - -En 2021 l’[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html) prend en -charge à 100% le financement de mon-entreprise. - -Au premier trimestre 2021, l’équipe mon-entreprise continue de bénéficier de -l’accompagnement du [programme -Gamma](https://beta.gouv.fr/approche/acceleration) financé par la -[DINUM](https://www.numerique.gouv.fr/dinum/). - ---- - -En 2022 le projet devient mieux intégré au sein de -l’[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html). - -En complément du financement apporté par l’Urssaf, le projet bénéficie du -programme [France Relance](https://france-relance.transformation.gouv.fr/). - ---- - -En 2023, le financement complémentaire apporté par le programme -[France Relance](https://france-relance.transformation.gouv.fr/) prend fin. - ---- - -En 2024 mon-entreprise est financée à 100% par -l’[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html). - ---- - -### Description des catégories - -- **Développement 👨‍💻** - - Les coûts de développement représentent la grande majorité de notre budget. - Nous sommes une petite équipe de développeurs et développeuses freelances, - pluridisciplinaires aussi bien sur les aspects techniques, stratégiques et - métiers. Les rémunérations suivent - [la grille de beta.gouv](https://doc.incubateur.net/communaute/travailler-a-beta-gouv/recrutement/remuneration). - -- **Logiciels et hébergement 💻** - - Notre modèle open-source nous permet d’accéder gratuitement à la majorité des - outils que nous utilisons (hébergement de code, serveurs de tests, etc.). Le - site est hébergé sur [Netlify](https://www.netlify.com). - - Nous achetons de la documentation spécialisée à destination des - professionnels du droit pour faciliter le suivi des évolutions législatives. - -- **Déplacements 🚅** - - Le réseau des Urssaf est présent dans toute la France. Nous organisons - plusieurs fois par an des ateliers avec des experts en région sur des - thématiques particulières. Sont aussi inclus dans cette catégorie la prise en - charge des frais de déplacement des membres de l'équipe qui n'habitent pas en - région parisienne. - -- **Portage 🤝** - - La marge du porteur attributaire du marché public de l’Urssaf Caisse - Nationale, ainsi que les coûts liés à la société spécialement créée pour - effectuer le portage des indépendants qui travaillent sur le site - (administration, comptabilité, facturation, impôts, etc.). - -> #### À propos de la TVA -> -> Contrairement aux entreprises du secteur privé, les administrations ne peuvent -> pas récupérer la TVA supportée sur leurs achats dans le cadre de leur -> activité. -> -> Le montant TTC inclut la TVA au taux de 20%. -> -> La TVA est collectée et reversée à l’État et diminue donc le montant du budget -> utilisable sur le projet. diff --git a/site/source/pages/budget/budget.yaml b/site/source/pages/budget/budget.yaml index 1a913589f..5c1da658a 100644 --- a/site/source/pages/budget/budget.yaml +++ b/site/source/pages/budget/budget.yaml @@ -1,4 +1,38 @@ +2019: + description: | + En 2019, le projet dispose d’un budget de **250 000 € HT** pris en charge : + + - Par la DINSIC (ancien nom de la [DINUM](https://www.numerique.gouv.fr/dinum/)) à hauteur de 150 000 € HT + - Par l’Acoss (ancien nom de [l'Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html)) à hauteur de 100 000 € HT + + [➡ Voir la convention](https://static.data.gouv.fr/resources/conventions-de-partenariat/20190423-181035/convention-du-15-avril-2019.pdf) + + | | | + | -------------------------- | ----------------: | + | Financement DINSIC | 150 000 € HT | + | Financement Acoss initial | 100 000 € HT | + | Rallonge Acoss fin d’année | 12 500 € HT | + | **Total HT** | **262 500 € HT** | + | **Total TTC** | **315 000 € TTC** | + + En fin d’année une rallonge est attribuée pour la réalisation d’un nouveau + simulateur et une expérimentation sur la paie. 2020: + description: | + En 2020, le budget est désormais pris en charge à 100% par l’Acoss (ancien nom de + l'[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html)). En plus de sa + contribution financière, l’Acoss fournit des ressources métier expertes provenant + du réseau des Urssaf. + + Une enveloppe est allouée pour expérimenter la transformation du moteur de + simulations en moteur de paie complète. La solution proposée ne sera finalement + pas retenue pour la refonte des offres de service de l’Urssaf. Voir le + [compte-rendu de l’expérimentation](https://pad.incubateur.net/s/ulS0EWvxK#). + + Au quatrième trimestre mon-entreprise rejoint le + [programme Gamma](https://blog.beta.gouv.fr/dinsic/2020/08/20/acceleration-des-startups-d-etat-d-un-retour-d-experience-a-l-experimentation-d-un-programme-d-accompagnement-cible-1/) + qui accompagne l’accélération des services publics crées par beta.gouv. Ce + programme est financé par la [DINUM](https://www.numerique.gouv.fr/dinum/). T1: Développement: 73500 Logiciels et hébergement: 456 @@ -17,6 +51,14 @@ Logiciels et hébergement: 782 Portage: 9631 2021: + description: | + En 2021 l’[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html) prend en + charge à 100% le financement de mon-entreprise. + + Au premier trimestre 2021, l’équipe mon-entreprise continue de bénéficier de + l’accompagnement du [programme + Gamma](https://beta.gouv.fr/approche/acceleration) financé par la + [DINUM](https://www.numerique.gouv.fr/dinum/). T1: Développement: 44850 Logiciels et hébergement: 454 @@ -35,6 +77,12 @@ Logiciels et hébergement: 578 Portage: 7983 2022: + description: | + En 2022 le projet devient mieux intégré au sein de + l’[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html). + + En complément du financement apporté par l’Urssaf, le projet bénéficie du + programme [France Relance](https://france-relance.transformation.gouv.fr/). T1: Développement: 72450 Portage: 9643 @@ -52,8 +100,10 @@ Déploiement: 22900 Design: 28750 Portage: 10046 - 2023: + description: | + En 2023, le financement complémentaire apporté par le programme + [France Relance](https://france-relance.transformation.gouv.fr/) prend fin. T1: Développement: 47500 Logiciels et hébergement: 7203 @@ -76,8 +126,10 @@ Logiciels et hébergement: 686 Portage: 2086 # Envoyé à l'Urssaf: 11723 - 2024: + description: | + En 2024 mon-entreprise est financée à 100% par + l’[Urssaf Caisse Nationale](https://www.urssaf.org/accueil.html). T1: Développement: 24091 Logiciels et hébergement: 1069 diff --git a/site/source/pages/budget/index.tsx b/site/source/pages/budget/index.tsx index 43891deb1..d1c1f1f21 100644 --- a/site/source/pages/budget/index.tsx +++ b/site/source/pages/budget/index.tsx @@ -1,86 +1,109 @@ -import { formatValue } from 'publicodes' import { useState } from 'react' -import { useTranslation } from 'react-i18next' -import { styled } from 'styled-components' import { TrackPage } from '@/components/ATInternetTracking' import MoreInfosOnUs from '@/components/MoreInfosOnUs' import { Markdown } from '@/components/utils/markdown' import { ScrollToTop } from '@/components/utils/Scroll' -import { Item } from '@/design-system' +import { Item, Message } from '@/design-system' import { Emoji } from '@/design-system/emoji' import { Select } from '@/design-system/field/Select' -import { Grid } from '@/design-system/layout' -import { H1, H2 } from '@/design-system/typography/heading' +import { Grid, Spacing } from '@/design-system/layout' +import { Strong } from '@/design-system/typography' +import { H1, H2, H3, H4 } from '@/design-system/typography/heading' +import { Link } from '@/design-system/typography/link' +import { Li, Ul } from '@/design-system/typography/list' import { Body } from '@/design-system/typography/paragraphs' import Meta from '../../components/utils/Meta' -import prose from './budget.md?raw' -import budget from './budget.yaml' - -// Splitting the markdown file to insert React components in-between is a bit -// arcane, we may consider MDX in the future https://github.com/mdx-js/mdx. -const [ - intro, - ressources2019, - ressources2020, - ressources2021, - ressources2022, - ressources2023, - ressources2024, - ressourcesDescription, -] = prose.split(/\r?\n-{3,}\r?\n/) - -const ressources = { - 2019: ressources2019, - 2020: ressources2020, - 2021: ressources2021, - 2022: ressources2022, - 2023: ressources2023, - 2024: ressources2024, -} as const - -const arraySum = (arr: number[]) => arr.reduce((a, b) => a + b, 0) +import rawBudget from './budget.yaml' +import ResourcesAllocation from './ResourcesAllocation' export default function Budget() { - const years = ['2019', '2020', '2021', '2022', '2023', '2024'] as const - const quarters = [ - { label: 'T1', 'aria-label': 'Trimestre 1' }, - { label: 'T2', 'aria-label': 'Trimestre 2' }, - { label: 'T3', 'aria-label': 'Trimestre 3' }, - { label: 'T4', 'aria-label': 'Trimestre 4' }, - ] - const [selectedYear, setSelectedYear] = useState<(typeof years)[number]>( + const budget = rawBudget as Record< + string, + Record> + > + const years = Object.keys(budget) + type yearType = (typeof years)[number] + + const budgetDescriptions = years.reduce((budgetDescriptions, year) => { + if (!budget[year].description) { + return budgetDescriptions + } + + return { + ...budgetDescriptions, + [year]: budget[year].description, + } + }, {}) as Record + + const budgetValues = years.reduce((budgetValues, year) => { + // eslint-disable-next-line @typescript-eslint/no-unused-vars + const { description: _, ...budgetQuarters } = budget[year] + if (!Object.keys(budgetQuarters).length) { + return budgetValues + } + + return { + ...budgetValues, + [year]: budgetQuarters, + } + }, {}) as Record>> + + const [selectedYear, setSelectedYear] = useState( years[years.length - 1] ) - const categories = [ - ...new Set( - quarters - .map((q) => Object.keys(budget[selectedYear]?.[q.label] ?? {})) - .reduce((acc, curr) => [...acc, ...curr], []) - ), - ] - const { t, i18n } = useTranslation() - - const { language } = i18n return ( <> - + +

Budget

- {intro} + + + Mon-Entreprise est un service public numérique, c’est + pourquoi nous sommes transparents sur les ressources allouées et la + manière dont elles sont employées. + + +

Principes

+ + + Nous suivons le{' '} + + manifeste beta.gouv + + dont nous rappelons les principes ici : + + + +
    +
  • + Les besoins des utilisateurs sont prioritaires sur les besoins de + l’administration +
    • +
  • Le mode de gestion de l’équipe repose sur la confiance
    • +
  • + L’équipe adopte une approche itérative et d’amélioration en continu +
    • +
+ +

Budget consommé

+