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 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  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>À propos - beta.gouv.fr (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://beta.gouv.fr/apropos/">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>À propos - beta.gouv.fr</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://beta.gouv.fr/apropos/" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <h3 id="qui-sommes-nous">Qui sommes-nous ?</h3>
  69. <p><a href="https://beta.gouv.fr/">beta.gouv.fr</a> est le réseau des incubateurs de Startups d’État. Notre mission est d’améliorer le service public de l’intérieur en favorisant le passage à l’action d’agents publics.</p>
  70. <p>Nous animons <a href="https://beta.gouv.fr/communaute/">une communauté en croissance</a> qui construit les services publics numériques de demain <a href="https://beta.gouv.fr/incubateurs/">au sein d’incubateurs</a>.</p>
  71. <h2 id="éditeur">Éditeur</h2>
  72. <p>Incubateur de services numériques de la Direction interministérielle du numérique (DINUM) - 20, avenue de Ségur - 75007 Paris.</p>
  73. <h2 id="directeur-de-la-publication">Directeur de la publication</h2>
  74. <p>Directeur interministériel du numérique</p>
  75. <h3 id="historique">Historique</h3>
  76. <p>Depuis 2013 l’État met en œuvre une nouvelle politique d’innovation, permettant à des « Startups d’État » d’être incubées pour développer des produits numériques centrés sur les usagers. Suite au succès de <a href="https://data.gouv.fr">data.gouv.fr</a> et de <a href="https://mes-aides.gouv.fr">mes-aides.gouv.fr</a>, la mission « Incubateur de services numériques » est créée par la <abbr title="Direction interministérielle du numérique et du système d'information et de communication">DINSIC</abbr> (Ancien nom de l’actuelle DINUM) en septembre 2015 pour résoudre toujours plus de problèmes liés à des politiques publiques. Elle collabore aujourd’hui avec plus de 15 partenaires publics (ministères, opérateurs publics, collectivités territoriales,…) et accompagne les administrations souhaitant construire leur propre incubateur de Startups d’État.</p>
  77. <h3 id="quest-ce-quune-startup-détat">Qu’est-ce qu’une Startup d’État ?</h3>
  78. <p>Une Startup d’État est un service public numérique développé par une équipe autonome pour répondre à un problème lié à une politique publique, financée par une administration porteuse. Elle n’a pas pour objectif de faire du profit et n’a le plus souvent pas de personnalité juridique propre au moment de son lancement (même si elle peut devenir par la suite un service national au sein d’une administration ou au sein d’un <a href="https://fr.wikipedia.org/wiki/Groupement_d%27int%C3%A9r%C3%AAt_public">GIP</a> autonome). Sa vocation est de maximiser son impact social en répondant aux besoins de ses utilisateurs.</p>
  79. <p>En particulier, beta.gouv.fr n’incube pas de startups privées.</p>
  80. <p>Le <a href="https://beta.gouv.fr/startups/">portefeuille de beta.gouv.fr</a> compte des Startups d’État dans des domaines aussi divers que l’emploi, la formation, le travail, le handicap, les aides aux personnes et aux entreprises, l’éducation, la culture, la sécurité sociale, la défense, les transports ou la simplification des démarches administratives.</p>
  81. <h3 id="pourquoi-lancer-une-startup-détat"><a name="pourquoi-lancer-une-startup-detat"/>Pourquoi lancer une Startup d’État ?</h3>
  82. <p>Un responsable d’administration décide de créer une Startup d’État, soit pour répondre à un problème de politique publique prédéfini, soit en lançant un appel à innovateurs permettant d’identifier des agents publics au profil d’<a href="https://blog.beta.gouv.fr/general/2017/02/16/intrapreneur-startup-d-etat/">intrapreneur</a>. Une équipe est ensuite mise en place pour développer une solution en travaillant au plus près des usagers. Elle dispose d’un délai de six mois pour lancer une première version de sa solution et obtient des financements complémentaires si et seulement si elle fait la preuve de l’utilité de sa solution.</p>
  83. <p>Les coûts de développement et de fonctionnement des Startups d’État restent entièrement à la charge des administrations qui les portent. L’administration partenaire finance les coûts de développement de la Startup d’État (au maximum 200 000 € pour les six premiers mois) et s’engage à refinancer le projet en cas de succès en doublant et en pérennisant la mise.</p>
  84. <p>La communauté beta.gouv.fr et, en particulier, l’incubateur de services numériques de la DINUM accompagnent les acteurs désireux de créer des Startups d’État à toutes les étapes du processus : présentation de la méthode auprès des instances de direction, appui pour le lancement, formation et suivi des équipes, intégration au sein de l’administration…</p>
  85. <h3 id="résultats">Résultats</h3>
  86. <p>Toutes les Startups d’État présentent publiquement des mesures d’impact automatisées, qu’elles suivent en temps réel. Les Startups d’État ont permis entre autres :</p>
  87. <ul>
  88. <li>
  89. <p><strong><em>d’accroître l’impact de la politique de l’emploi</em></strong> en accélérant de 12 % le taux de retour à l’emploi à 6 mois de plus d’un million de demandeurs d’emploi, ce sont des dizaines de milliers de mois de chômage évités et des dizaines de millions d’euros d’allocation non versées : <a href="https://labonneboite.pole-emploi.fr/">La Bonne Boite</a>.</p>
  90. </li>
  91. <li>
  92. <p><strong><em>de simplifier la vie des entreprises</em></strong> en permettant à 200 000 d’entre elles (notamment des TPE-PME) d’économiser l’équivalent de 5 M€ par an en temps passé sur des formalités : <a href="https://mps.apientreprise.fr/">Marché Public Simplifié</a>.</p>
  93. </li>
  94. <li>
  95. <p><strong><em>de réduire les coûts administratifs</em></strong> dans plus de 20 organismes publics en diminuant le temps de traitement des dossiers de 50 % : <a href="https://www.demarches-simplifiees.fr/">demarches-simplifiees.fr</a>.</p>
  96. </li>
  97. </ul>
  98. <p>Elles exercent aussi un effet d’entraînement sur la modernisation des administrations. Au sein de Pôle Emploi, qui a noué dès 2015 un partenariat avec la DINSIC (Ancien nom de l’actuelle DINUM) et investit aujourd’hui annuellement près de 6 M€ dans les Startups d’État, les équipes, composées à l’origine essentiellement de freelances, accueillent aujourd’hui des talents issus de la DSI ou des agences, permettant ainsi une diversification des carrières et une réaffectation des agents publics sur des missions à plus fort impact.</p>
  99. <h3 id="plus-dinfos">Plus d’infos ?</h3>
  100. <p>L’équipe de beta.gouv.fr peut être contactée directement à <a href="mailto:contact@beta.gouv.fr">contact@beta.gouv.fr</a>.</p>
  101. <h3 id="liens-utiles">Liens utiles</h3>
  102. <ul>
  103. <li>
  104. <p><a href="https://beta.gouv.fr/content/docs/guide.pdf">Guide de lancement</a> : Découvrez les facteurs clés de succès, les conditions d’engagement, l’appui opérationnel, les formations ou encore les supports contractuels pour lancer une Startup d’État ;</p>
  105. </li>
  106. <li>
  107. <p><a href="https://github.com/betagouv/beta.gouv.fr/wiki">Wiki</a> : Où sont documentés nos processus internes, règles et bonnes pratiques ;</p>
  108. </li>
  109. <li>
  110. <p><a href="http://www.fondapol.org/etude/pierre-pezziardi-et-henri-verdier-des-startups-detat-a-letat-plateforme/">Des Startups d’État à l’État plateforme</a> : les produits numériques des incubateurs publics sont la face émergée d’une transition culturelle profonde des grandes organisations (H. Verdier, P. Pezziardi éd. Fondapol, janvier 2017) ;</p>
  111. </li>
  112. <li>
  113. <p><a href="https://beta.gouv.fr/content/docs/rapportannuel.pdf">Rapport d’activité</a> de la communauté beta.gouv.fr.</p>
  114. </li>
  115. </ul>
  116. </main>
  117. </article>
  118. <hr>
  119. <footer>
  120. <p>
  121. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  122. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  123. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  124. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  125. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  126. </p>
  127. <template id="theme-selector">
  128. <form>
  129. <fieldset>
  130. <legend>Thème</legend>
  131. <label>
  132. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  133. </label>
  134. <label>
  135. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  136. </label>
  137. <label>
  138. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  139. </label>
  140. </fieldset>
  141. </form>
  142. </template>
  143. </footer>
  144. <script type="text/javascript">
  145. function loadThemeForm(templateName) {
  146. const themeSelectorTemplate = document.querySelector(templateName)
  147. const form = themeSelectorTemplate.content.firstElementChild
  148. themeSelectorTemplate.replaceWith(form)
  149. form.addEventListener('change', (e) => {
  150. const chosenColorScheme = e.target.value
  151. localStorage.setItem('theme', chosenColorScheme)
  152. toggleTheme(chosenColorScheme)
  153. })
  154. const selectedTheme = localStorage.getItem('theme')
  155. if (selectedTheme && selectedTheme !== 'undefined') {
  156. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  157. }
  158. }
  159. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  160. window.addEventListener('load', () => {
  161. let hasDarkRules = false
  162. for (const styleSheet of Array.from(document.styleSheets)) {
  163. let mediaRules = []
  164. for (const cssRule of styleSheet.cssRules) {
  165. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  166. continue
  167. }
  168. // WARNING: Safari does not have/supports `conditionText`.
  169. if (cssRule.conditionText) {
  170. if (cssRule.conditionText !== prefersColorSchemeDark) {
  171. continue
  172. }
  173. } else {
  174. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  175. continue
  176. }
  177. }
  178. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  179. }
  180. // WARNING: do not try to insert a Rule to a styleSheet you are
  181. // currently iterating on, otherwise the browser will be stuck
  182. // in a infinite loop…
  183. for (const mediaRule of mediaRules) {
  184. styleSheet.insertRule(mediaRule.cssText)
  185. hasDarkRules = true
  186. }
  187. }
  188. if (hasDarkRules) {
  189. loadThemeForm('#theme-selector')
  190. }
  191. })
  192. </script>
  193. </body>
  194. </html>