A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 11KB

4 years ago
4 years ago
4 years ago
4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Zam : simplifier le processus de réponse aux amendements (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://blog.beta.gouv.fr/dinsic/2019/01/18/zam-simplifier-les-reponses-aux-amendements/">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Zam : simplifier le processus de réponse aux amendements</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://blog.beta.gouv.fr/dinsic/2019/01/18/zam-simplifier-les-reponses-aux-amendements/" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Mélodie Dahi est intrapreneure sur la Startup d’État Zam. Le produit a pour mission d’alléger la charge de préparation par le Gouvernement du débat parlementaire.</p>
  69. <h2 id="pourquoi-avoir-lancé-la-startup-détat-zam">Pourquoi avoir lancé la Startup d’État Zam ?</h2>
  70. <p>L’objectif de Zam c’est d’outiller les ministères pour les travaux de préparation du débat parlementaire sur les projets de loi. Aujourd’hui, aucun outil n’aide l’administration à gérer cette partie de son travail. Il n’existe pas de méthode commune et harmonisée alors que c’est quelque chose qui produit beaucoup de souffrance : délais très contraints, sujets très politiques, équipes disparates… On s’est aperçu qu’à travers la création d’un outil, on pouvait diminuer cette douleur.</p>
  71. <h2 id="en-quoi-consiste-ce-travail-de-préparation">En quoi consiste ce travail de préparation ?</h2>
  72. <p>Chaque fois qu’un amendement sur un projet de loi du Gouvernement est déposé par un parlementaire, aussi bien à l’Assemblée Nationale qu’au Sénat, l’administration doit apporter une réponse. Le délai est très court : on a généralement entre le vendredi soir, date butoir de dépôt des amendements, et le lundi matin, ouverture de la séance. Le nombre d’amendements déposés aujourd’hui par les parlementaires est très élevé, du jamais vu dans la cinquième République. Cela demande de travailler la nuit et le week-end : on ne peut pas faire autrement.</p>
  73. <p><img src="https://blog.beta.gouv.fr/img/posts/2019-01-18-zam-equipe.jpg" alt="L'équipe de Zam"/>
  74. <small>L’équipe de Zam en visioconférence</small></p>
  75. <h2 id="quelles-sont-les-solutions-quapportent-votre-startup-détat">Quelles sont les solutions qu’apportent votre Startup d’État ?</h2>
  76. <p>Pour commencer, Zam permet de recevoir les amendements en direct. Avant, on devait faire un travail fastidieux de recherche manuelle sur les sites des assemblées. La plateforme permet de réunir tout le travail de réponse : un utilisateur cherche un amendement, formule la réponse, son supérieur vérifie ou corrige, la valide, la passe au suivant, et le tout au même endroit. Il n’y plus de problème de versions différentes, de boites aux lettres qui explosent, ou de mauvaises manipulations de fichiers.</p>
  77. <h2 id="zam-a-t-il-déjà-été-confronté-à-une-situation-réelle">Zam a-t-il déjà été confronté à une situation réelle ?</h2>
  78. <p>Le produit a été testé sur les projets de loi de finances (PLF) et de loi de financement de la Sécurité sociale (PLFSS) pour 2019. Il s’agit de deux gros projets qui reviennent chaque année donc pour lesquels la souffrance est récurrente. Les administrations ciblées ont tout de suite voulu tester Zam ! L’outil a très bien été reçu, notamment grâce à son interface intuitive. Le gain de temps était lui aussi significatif. À titre d’exemple, l’année dernière j’ai accumulé 13 jours de récupération suite à des heures supplémentaires pour formuler des réponses sur le PLFSS. Cette année, je suis descendue à 8 : j’ai moins eu besoin de rester tard au travail. Suite à ces retours, Zam a aussi été mis à contribution sur le projet de loi portant mesures d’urgence économiques et sociales – le projet de loi « Gilets Jaunes ».</p>
  79. <h2 id="et-pour-la-suite-que-réserve-lannée-2019">Et pour la suite, que réserve l’année 2019 ?</h2>
  80. <p>Nous avons décidé dans un premier temps de nous attaquer à la validation des réponses. Aujourd’hui, le procédé est entièrement manuel et pourrait être amélioré. Le gros défi sur lequel nous travaillons est de trouver un moyen intelligent d’intégrer dans Zam les validations successives de réponses. Nous sommes cinq dans l’équipe pour faire avancer le produit : côté développement, David est au Canada et Ronan à Amiens ; notre designeuse Maïtané est à Toulouse ; enfin Raphaël notre coach et moi-même sommes à Paris. Nous travaillons de manière asynchrone – ce qui ne nous empêche pas d’avoir assez de confort pour avancer efficacement et sereinement !</p>
  81. <blockquote>
  82. <p><a href="https://beta.gouv.fr/startups/zam.html">En savoir plus sur la Zam</a></p>
  83. </blockquote>
  84. </main>
  85. </article>
  86. <hr>
  87. <footer>
  88. <p>
  89. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  90. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  91. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  92. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  93. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  94. </p>
  95. <template id="theme-selector">
  96. <form>
  97. <fieldset>
  98. <legend>Thème</legend>
  99. <label>
  100. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  101. </label>
  102. <label>
  103. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  104. </label>
  105. <label>
  106. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  107. </label>
  108. </fieldset>
  109. </form>
  110. </template>
  111. </footer>
  112. <script type="text/javascript">
  113. function loadThemeForm(templateName) {
  114. const themeSelectorTemplate = document.querySelector(templateName)
  115. const form = themeSelectorTemplate.content.firstElementChild
  116. themeSelectorTemplate.replaceWith(form)
  117. form.addEventListener('change', (e) => {
  118. const chosenColorScheme = e.target.value
  119. localStorage.setItem('theme', chosenColorScheme)
  120. toggleTheme(chosenColorScheme)
  121. })
  122. const selectedTheme = localStorage.getItem('theme')
  123. if (selectedTheme && selectedTheme !== 'undefined') {
  124. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  125. }
  126. }
  127. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  128. window.addEventListener('load', () => {
  129. let hasDarkRules = false
  130. for (const styleSheet of Array.from(document.styleSheets)) {
  131. let mediaRules = []
  132. for (const cssRule of styleSheet.cssRules) {
  133. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  134. continue
  135. }
  136. // WARNING: Safari does not have/supports `conditionText`.
  137. if (cssRule.conditionText) {
  138. if (cssRule.conditionText !== prefersColorSchemeDark) {
  139. continue
  140. }
  141. } else {
  142. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  143. continue
  144. }
  145. }
  146. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  147. }
  148. // WARNING: do not try to insert a Rule to a styleSheet you are
  149. // currently iterating on, otherwise the browser will be stuck
  150. // in a infinite loop…
  151. for (const mediaRule of mediaRules) {
  152. styleSheet.insertRule(mediaRule.cssText)
  153. hasDarkRules = true
  154. }
  155. }
  156. if (hasDarkRules) {
  157. loadThemeForm('#theme-selector')
  158. }
  159. })
  160. </script>
  161. </body>
  162. </html>