Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 35KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>TEDx Montpellier 2013 — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <!-- Canonical URL for SEO purposes -->
  28. <link rel="canonical" href="https://larlet.fr/david/blog/2013/tedx-montpellier/">
  29. <!-- SEO/Semantic metadata -->
  30. <meta name="description" content="Cela soulève forcément la question de l’utilité de vivre aussi longtemps…" />
  31. <meta name="twitter:description" property="og:description" itemprop="description" content="Cela soulève forcément la question de l’utilité de vivre aussi longtemps…" />
  32. <meta name="twitter:title" property="og:title" itemprop="name" content="TEDx Montpellier 2013" />
  33. <meta name="twitter:card" content="summary" />
  34. <meta name="twitter:creator" content="@davidbgk" />
  35. <meta name="twitter:url" property="og:url" content="https://larlet.fr/david/blog/2013/tedx-montpellier/" />
  36. <meta property="og:type" content="article" />
  37. <meta property="og:site_name" content="David Larlet (@davidbgk)" />
  38. <meta name="twitter:image" property="og:image" itemprop="image" content="https://larlet.fr/static/david/david-larlet-avatar-thumbnail.jpg" />
  39. <style>
  40. /* http://meyerweb.com/eric/tools/css/reset/ */
  41. html, body, div, span,
  42. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  43. a, abbr, address, big, cite, code,
  44. del, dfn, em, img, ins,
  45. small, strike, strong, tt, var,
  46. dl, dt, dd, ol, ul, li,
  47. fieldset, form, label, legend,
  48. table, caption, tbody, tfoot, thead, tr, th, td,
  49. article, aside, canvas, details, embed,
  50. figure, figcaption, footer, header, hgroup,
  51. menu, nav, output, ruby, section, summary,
  52. time, mark, audio, video {
  53. margin: 0;
  54. padding: 0;
  55. border: 0;
  56. font-size: 100%;
  57. font: inherit;
  58. vertical-align: baseline;
  59. }
  60. /* HTML5 display-role reset for older browsers */
  61. article, aside, details, figcaption, figure,
  62. footer, header, hgroup, menu, nav, section { display: block; }
  63. body { line-height: 1; }
  64. blockquote, q { quotes: none; }
  65. blockquote:before, blockquote:after,
  66. q:before, q:after {
  67. content: '';
  68. content: none;
  69. }
  70. table {
  71. border-collapse: collapse;
  72. border-spacing: 0;
  73. }
  74. /* http://practicaltypography.com/equity.html */
  75. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  76. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: normal;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  89. font-weight: 300;
  90. font-style: italic;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'EquityTextB';
  95. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  96. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  97. font-weight: 700;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. @font-face {
  102. font-family: 'ConcourseT3';
  103. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  104. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  105. font-weight: 300;
  106. font-style: normal;
  107. font-display: swap;
  108. }
  109. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  110. body {
  111. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  112. font-family: "EquityTextB", Palatino, serif;
  113. background-color: #f0f0ea;
  114. color: #07486c;
  115. font-kerning: normal;
  116. -moz-osx-font-smoothing: grayscale;
  117. -webkit-font-smoothing: subpixel-antialiased;
  118. text-rendering: optimizeLegibility;
  119. font-variant-ligatures: common-ligatures contextual;
  120. font-feature-settings: "kern", "liga", "clig", "calt";
  121. }
  122. pre, code, kbd, samp, var, tt {
  123. font-family: 'TriplicateT4c', monospace;
  124. }
  125. em {
  126. font-style: italic;
  127. color: #323a45;
  128. }
  129. strong {
  130. font-weight: bold;
  131. color: black;
  132. }
  133. nav {
  134. background-color: #323a45;
  135. color: #f0f0ea;
  136. display: flex;
  137. justify-content: space-around;
  138. padding: 1rem .5rem;
  139. }
  140. nav:last-child {
  141. border-bottom: 1vh solid #2d7474;
  142. }
  143. nav a {
  144. color: #f0f0ea;
  145. }
  146. nav abbr {
  147. border-bottom: 1px dotted white;
  148. }
  149. h1 {
  150. border-top: 1vh solid #2d7474;
  151. border-bottom: .2vh dotted #2d7474;
  152. background-color: #e3e1e1;
  153. color: #323a45;
  154. text-align: center;
  155. padding: 5rem 0 4rem 0;
  156. width: 100%;
  157. font-family: 'ConcourseT3';
  158. display: flex;
  159. flex-direction: column;
  160. }
  161. h1.single {
  162. padding-bottom: 10rem;
  163. }
  164. h1 span {
  165. position: absolute;
  166. top: 1vh;
  167. left: 20%;
  168. line-height: 0;
  169. }
  170. h1 span a {
  171. line-height: 1.7;
  172. padding: 1rem 1.2rem .6rem 1.2rem;
  173. border-radius: 0 0 6% 6%;
  174. background: #2d7474;
  175. font-size: 1.3rem;
  176. color: white;
  177. text-decoration: none;
  178. }
  179. h2 {
  180. margin: 4rem 0 1rem;
  181. border-top: .2vh solid #2d7474;
  182. padding-top: 1vh;
  183. }
  184. h3 {
  185. text-align: center;
  186. margin: 3rem 0 .75em;
  187. }
  188. hr {
  189. height: .4rem;
  190. width: .4rem;
  191. border-radius: .4rem;
  192. background: #07486c;
  193. margin: 2.5rem auto;
  194. }
  195. time {
  196. display: bloc;
  197. margin-left: 0 !important;
  198. }
  199. ul, ol {
  200. margin: 2rem;
  201. }
  202. ul {
  203. list-style-type: square;
  204. }
  205. a {
  206. text-decoration-skip-ink: auto;
  207. text-decoration-thickness: 0.05em;
  208. text-underline-offset: 0.09em;
  209. }
  210. article {
  211. max-width: 50rem;
  212. display: flex;
  213. flex-direction: column;
  214. margin: 2rem auto;
  215. }
  216. article.single {
  217. border-top: .2vh dotted #2d7474;
  218. margin: -6rem auto 1rem auto;
  219. background: #f0f0ea;
  220. padding: 2rem;
  221. }
  222. article p:last-child {
  223. margin-bottom: 1rem;
  224. }
  225. p {
  226. padding: 0 .5rem;
  227. margin-left: 3rem;
  228. }
  229. p + p,
  230. figure + p {
  231. margin-top: 2rem;
  232. }
  233. blockquote {
  234. background-color: #e3e1e1;
  235. border-left: .5vw solid #2d7474;
  236. display: flex;
  237. flex-direction: column;
  238. align-items: center;
  239. padding: 1rem;
  240. margin: 1.5rem;
  241. }
  242. blockquote cite {
  243. font-style: italic;
  244. }
  245. blockquote p {
  246. margin-left: 0;
  247. }
  248. figure {
  249. border-top: .2vh solid #2d7474;
  250. background-color: #e3e1e1;
  251. text-align: center;
  252. padding: 1.5rem 0;
  253. margin: 1rem 0 0;
  254. font-size: 1.5rem;
  255. width: 100%;
  256. }
  257. figure img {
  258. max-width: 250px;
  259. max-height: 250px;
  260. border: .5vw solid #323a45;
  261. padding: 1px;
  262. }
  263. figcaption {
  264. padding: 1rem;
  265. line-height: 1.4;
  266. }
  267. aside {
  268. display: flex;
  269. flex-direction: column;
  270. background-color: #e3e1e1;
  271. padding: 1rem 0;
  272. border-bottom: .2vh solid #07486c;
  273. }
  274. aside p {
  275. max-width: 50rem;
  276. margin: 0 auto;
  277. }
  278. /* https://fvsch.com/code/css-locks/ */
  279. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  280. font-size: 1rem;
  281. line-height: calc( 1.5em + 0.2 * 1rem );
  282. }
  283. h1 {
  284. font-size: 1.9rem;
  285. line-height: calc( 1.2em + 0.2 * 1rem );
  286. }
  287. h2 {
  288. font-size: 1.6rem;
  289. line-height: calc( 1.3em + 0.2 * 1rem );
  290. }
  291. h3 {
  292. font-size: 1.35rem;
  293. line-height: calc( 1.4em + 0.2 * 1rem );
  294. }
  295. @media (min-width: 20em) {
  296. /* The (100vw - 20rem) / (50 - 20) part
  297. resolves to 0-1rem, depending on the
  298. viewport width (between 20em and 50em). */
  299. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  300. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  301. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  302. margin-left: 0;
  303. }
  304. h1 {
  305. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. h2 {
  309. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  310. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  311. }
  312. h3 {
  313. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  314. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  315. }
  316. }
  317. @media (min-width: 50em) {
  318. /* The right part of the addition *must* be a
  319. rem value. In this example we *could* change
  320. the whole declaration to font-size:2.5rem,
  321. but if our baseline value was not expressed
  322. in rem we would have to use calc. */
  323. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  324. font-size: calc( 1rem + .6 * 1rem );
  325. line-height: 1.5em;
  326. }
  327. p, li, pre, details {
  328. margin-left: 3rem;
  329. }
  330. h1 {
  331. font-size: calc( 1.9rem + 1.5 * 1rem );
  332. line-height: 1.2em;
  333. }
  334. h2 {
  335. font-size: calc( 1.5rem + 1.5 * 1rem );
  336. line-height: 1.3em;
  337. }
  338. h3 {
  339. font-size: calc( 1.35rem + 1.5 * 1rem );
  340. line-height: 1.4em;
  341. }
  342. figure img {
  343. max-width: 500px;
  344. max-height: 500px;
  345. }
  346. }
  347. figure.unsquared {
  348. margin-bottom: 1.5rem;
  349. }
  350. figure.unsquared img {
  351. height: inherit;
  352. }
  353. @media print {
  354. body { font-size: 100%; }
  355. a:after { content: " (" attr(href) ")"; }
  356. a, a:link, a:visited, a:after {
  357. text-decoration: underline;
  358. text-shadow: none !important;
  359. background-image: none !important;
  360. background: white;
  361. color: black;
  362. }
  363. abbr[title] { border-bottom: 0; }
  364. abbr[title]:after { content: " (" attr(title) ")"; }
  365. img { page-break-inside: avoid; }
  366. @page { margin: 2cm .5cm; }
  367. h1, h2, h3 { page-break-after: avoid; }
  368. p3 { orphans: 3; widows: 3; }
  369. img {
  370. max-width: 250px !important;
  371. max-height: 250px !important;
  372. }
  373. nav, aside { display: none; }
  374. }
  375. ul.with_columns {
  376. column-count: 1;
  377. }
  378. @media (min-width: 20em) {
  379. ul.with_columns {
  380. column-count: 2;
  381. }
  382. }
  383. @media (min-width: 50em) {
  384. ul.with_columns {
  385. column-count: 3;
  386. }
  387. }
  388. ul.with_two_columns {
  389. column-count: 1;
  390. }
  391. @media (min-width: 20em) {
  392. ul.with_two_columns {
  393. column-count: 1;
  394. }
  395. }
  396. @media (min-width: 50em) {
  397. ul.with_two_columns {
  398. column-count: 2;
  399. }
  400. }
  401. .gallery {
  402. display: flex;
  403. flex-wrap: wrap;
  404. justify-content: space-around;
  405. }
  406. .gallery figure img {
  407. margin-left: 1rem;
  408. margin-right: 1rem;
  409. }
  410. .gallery figure figcaption {
  411. font-family: 'ConcourseT3'
  412. }
  413. footer {
  414. font-family: 'ConcourseT3';
  415. display: flex;
  416. flex-direction: column;
  417. border-top: 3px solid white;
  418. padding: 4rem 0;
  419. background-color: #07486c;
  420. color: white;
  421. }
  422. footer > * {
  423. max-width: 50rem;
  424. margin: 0 auto;
  425. }
  426. footer a {
  427. color: #f1c40f;
  428. }
  429. footer .avatar {
  430. width: 200px;
  431. height: 200px;
  432. border-radius: 50%;
  433. float: left;
  434. -webkit-shape-outside: circle();
  435. shape-outside: circle();
  436. margin-right: 2rem;
  437. padding: 2px 5px 5px 2px;
  438. background: white;
  439. border-left: 1px solid #f1c40f;
  440. border-top: 1px solid #f1c40f;
  441. border-right: 5px solid #f1c40f;
  442. border-bottom: 5px solid #f1c40f;
  443. }
  444. </style>
  445. <h1 class="single">
  446. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  447. TEDx Montpellier 2013
  448. <time>Publié le 15 mars 2013</time>
  449. </h1>
  450. <article class="single">
  451. <p>L’édition 2013 de <a href="http://tedxmontpellier.com/tedxmontpellier-edition-2013/">TEDx Montpellier</a> portait sur le sujet <em>« e-médecine &amp; prospectives humaines »</em>. Quelques prises de notes et questions sur cette journée.</p>
  452. <h3>C’est pas moi, c’est mes gènes ! — Sophie Nahum</h3>
  453. <blockquote>
  454. <p>Quels choix serions-nous prêts à faire avec l’avancée de la médecine (génomique, robotique, clonage, etc) ? Comment vieillir en bonne santé ? Comment anticiper la maladie ?</p>
  455. </blockquote>
  456. <p>Dommage que la réflexion n’ait pas été poussée un peu plus loin sur le « pourquoi vivre longtemps ? » ou sur les questions d’éthique relatives à ces nouvelles pratiques de la médecine.</p>
  457. <h3>Interniste 2.0 — Laurent Chiche</h3>
  458. <blockquote>
  459. <p>Comment utiliser la e-médecine pour améliorer le quotidien des personnes affectées par les maladies rares ? Comment communiquer ses informations médicales en cas d’urgence ?</p>
  460. </blockquote>
  461. <p>C’est un sujet qui me tient à cœur car j’ai commencé à rédiger une telle page web suite à la visite médicale d’aptitude à l’embauche pour <a href="http://scopyleft.fr">scopyleft</a> afin d’avoir un suivi numérique de mes vaccins, puis de centraliser des informations et finalement d’en faire une page à consulter en cas d’urgence dont j’ai collé l’URL sur ma carte d’identité que j’emporte lorsque je m’absente pour aller gambader. Je retiens de cette intervention le fait de traduire ces informations en plusieurs langues.</p>
  462. <p>Je vois également dans ce carnet de notes du patient une dé-responsabilisation avouée des médecins qui ne remplissent pas la fiche transférée destinée à leurs confrères, ou peut-être est-ce une responsabilisation salutaire du patient sur son état de santé ?</p>
  463. <p>L’ouverture se faisait sur du <em>big data</em> épidémiologique qui permettrait en agrégeant les données anonymisées des fiches de patients de servir la communauté. Quid des intérêts financiers des laboratoires dans le domaine ?</p>
  464. <h3>Communauté de patients — Michael Chekroun</h3>
  465. <blockquote>
  466. <p>Savoir profane vs. savoir professionnel ? Communauté de patients en ligne ? Intelligence collective accélérant la recherche médicale ?</p>
  467. </blockquote>
  468. <p>Réflexion sur le côté anxiogène entre le fait de ne pas avoir d’informations et celui d’en avoir de fausses, associé aux dérives de l’auto-diagnostique et de l’auto-médication.</p>
  469. <p>1/3 des requêtes sur <em>Dr Google</em> portent sur un problème de santé (et ça ne m’étonne même pas).</p>
  470. <p>Développement d’une plateforme permettant au « patient de devenir acteur de sa santé » avec une horizontalité du rapport médecin/patient qui entrent en collaboration, voire en <a href="/david/blog/2013/autoritaire-cooperatif/">coopération</a>.</p>
  471. <p>Ouverture sur la notion de double peine du patient : souffrance dans la maladie et isolation sociale causée par la maladie.</p>
  472. <h3>Building a model Brain — Richard Walker</h3>
  473. <blockquote>
  474. <p>The Human Brain Project: if you want to understand a complex system, you should build it.</p>
  475. </blockquote>
  476. <p>Aggregating biological signatures of deceases with many patients to identify a model and find an appropriated treatment.</p>
  477. <blockquote>
  478. <p>Are you going to make an artificial brain ? Is it dangerous ? No.</p>
  479. </blockquote>
  480. <p>For scientific reasons: the brain is changing and continuously adapting, the project doesn’t model that process because we don’t have the knowledge to achieve this.</p>
  481. <h3>Techniques chirurgicales : des origines, à la robotique — Bertin Nahum</h3>
  482. <blockquote>
  483. <p>Électrodes dans le cerveau reliées à des stimulateurs placés sous la peau pour éviter les tremblements et raideurs de la maladie de parkinson. Chirurgie réalisée sur patient éveillé pour trouver le réglage fin propre à la personne.</p>
  484. </blockquote>
  485. <p>Dommage de ne pas avoir pu avoir une photo du robot en fonction développé par la personne effectuant la présentation ou une vidéo du placement des électrodes.</p>
  486. <h3>e-santé &amp; bien vieillir — Philippe Guillet</h3>
  487. <blockquote>
  488. <p>Comment augmenter l’espérance de vie <em>en santé</em> ?</p>
  489. </blockquote>
  490. <p>Augmentation de la fragilité des personnes âgées au cours des 30 dernières années (différence avec la courte d’espérance de vie), première cause de décès des personnes de plus de 70 ans devant le cancer.</p>
  491. <h3>Autour de la respiration — Jeanine Guey</h3>
  492. <blockquote>
  493. <p>Ode à la méditation pour être heureux.</p>
  494. </blockquote>
  495. <p>Exercice de relaxation, que je pensais au début proche du <em>T’ai chi ch’uan</em> mais c’était juste l’introduction et ça se révèle être finalement beaucoup plus reposant. Plutôt sceptique initialement — surtout dans un groupe — je me suis prêté au jeu et j’ai vraiment senti qu’il y avait quelque chose à creuser dans ce moment, ne serait-ce que par son silence. Dommage que la sortie de méditation ait été aussi brutale avec le mouvement de groupe vers le repas.</p>
  496. <h3>5 in 5 — Christel Beltran</h3>
  497. <blockquote>
  498. <p>5 sens dans 5 ans.</p>
  499. </blockquote>
  500. <p>Prospectives peu réjouissantes à mon goût. Le support semblait intéressant mais illisible.</p>
  501. <h3>De la plainte de la mémoire à la maladie d’alzheimer — Pr Jacques Touchon</h3>
  502. <blockquote>
  503. <p>Comment gérer l’autonomie des patients atteints afin qu’ils puissent rester chez eux ? Défi : maintient à domicile.</p>
  504. </blockquote>
  505. <p>Vers une télé-médecine avec des tablettes et des données en temps-réel des patients pour qu’ils suivent leurs indicateurs de santé. J’imagine une sorte de <em>dashboard</em> pour son corps. Pourrait être associé à des outils pour lutter contre le handicap (ex : exo-squelette) ou de prévention via des systèmes de sécurité.</p>
  506. <blockquote>
  507. <p>Un cerveau qui n’est pas stimulé est un cerveau qui meurt. La routine est une tueuse de neurones.</p>
  508. </blockquote>
  509. <p>Utilisation des <em>serious games</em> pour y pallier et lutter contre l’appauvrissement du cerveau.</p>
  510. <p>Cas de l’isolement qui est une problématique majeure (misère sociale, dépression, risque suicidaire) qui pourrait être solutionnée par une mise en contact du sujet âgé avec les proches grâce aux robots. Cela me semble être très éloigné d’un <em>lien</em> social…</p>
  511. <p>Ouverture sur la finalité : la dignité des patients.</p>
  512. <h3>Des capteurs au service du patient ? — Daniel Laune</h3>
  513. <blockquote>
  514. <p>Comprendre les mécanismes des pathologies pour avoir une médecine personnalisée.</p>
  515. </blockquote>
  516. <p>Utilisation de <em>SmartPill</em> par ingestion permettant d’avoir une transmission de données gastriques en temps-réel.</p>
  517. <p>Développement du premier pancréas artificiel autonome qui ouvre la voie de l’<em>appification</em> de l’organisme (la gestion se fait via son <em>smartphone</em>).</p>
  518. <p>La mesure de soi prend une tournure esthétique avec les tatouages électroniques permettant de surveiller le corps.</p>
  519. <h3>Designing hands — Ted Varley</h3>
  520. <blockquote>
  521. <p>Designing a prosthetic is very unusual because you can’t use it yourself.</p>
  522. </blockquote>
  523. <p>When you fall, your reaction can’t anticipate to move your hand fast enough and most of prosthetics break (lack of feedback from sensors too). Possibility to replace fingers and use of very strong materials.</p>
  524. <p>I wonder why they designed the hand to be black, it feels very unnatural to me (probably related to marketing with the brand name: bebionic).</p>
  525. <h3>Comment contrôler le cerveau ? — Xavier Vasques</h3>
  526. <blockquote>
  527. <p>What are your available data to predict the clinical evolution vs. how can I improve the quality of life of the patient?</p>
  528. </blockquote>
  529. <p>Back to the deep brain stimulation technique with the idea to put (restore?) electricity in the brain to resolve problems.</p>
  530. <h3>Lève-toi et marche ! — Jean-Michel Fournier</h3>
  531. <p>Point de vue d’un proche de patient qui a eu une <em>dystonie</em> traitée par les stimulations électriques précédemment exposées. <strong>Enfin l’avis des personnes concernées !</strong> Retour lucide et clair qui ne tombe pas dans l’affectif. Évoque l’inquiétude des patients traités (crainte de la panne) et de ceux qui se demandent s’ils pourront être traités aussi miraculeusement.</p>
  532. <p>Fonde de grands espoirs dans la conjonction de la médecine et de la technologie.</p>
  533. <h3>At the boundaries of the self — Andréa Sérino</h3>
  534. <blockquote>
  535. <p>How the brain generate your self and represents the space where our body interacts with the environment?</p>
  536. </blockquote>
  537. <p>The <em>Peri Personal Space</em> is plastic, it extends to incorporate the tool in use with the hand. That what happens with prosthetics. The system changes depending what we do, where the action takes place. Empathy leads to an extension of the space (works with politic faces too!).</p>
  538. <p>Social networks: how our brain adapts to these solutions?</p>
  539. <h3>Nous ne sommes pas faits pour mourir — Pr. Christophe De Jaeger</h3>
  540. <blockquote>
  541. <p>La mort est-elle une fatalité ?</p>
  542. </blockquote>
  543. <p>C’est la seule chose certaine lorsque l’on nait : nous allons mourir. Quels changements culturels — et même de civilisation — seraient engendrés par la découverte de l’immortalité ? On peut déjà réaliser cela à l’échelle de cellules.</p>
  544. <blockquote>
  545. <p>We’re all amateurs… we don’t live long enough to become anything else. — Sir Charles Spencer "Charlie" Chaplin</p>
  546. </blockquote>
  547. <p>50 ans est un âge clé : on sait ce que l’on n’est plus (vitalité des enfants) mais on sait ce que l’on n’a pas envie de devenir (vieillesse des parents).</p>
  548. <p>Il ne tient qu’à nous d’avoir une bonne gestion de notre capital santé pour vieillir en conservant notre autonomie. C’est un système combinant gènes, capital santé et environnement. L’âge physiologique est différent de l’âge chronologique, il faut avoir <em>envie</em> de vieillir différemment en apportant une compensation physiologique.</p>
  549. <p>Dans une logique d’espèce, nous devrions nous améliorer par sélection naturelle. Mais la religion et l’amour du prochain est venue contrecarrer ceci. Vouloir intervenir sur la mort remet d’une certaine façon en cause notre destinée.</p>
  550. <p>Ouverture sur la réflexion des cycles de vie : du traditionnel formation/travail/retraite à des cycles formation/travail/pause répétés.</p>
  551. <p>Un peu frustré d’avoir eu seulement des indications relatives à notre action sur le capital santé sans mentionner la possibilité de choisir/modifier son environnement également (en comparaison avec les gènes qui son innés).</p>
  552. <h3>Bilan personnel</h3>
  553. <p>Les intervenants et les thématiques abordées étaient intéressants mais je reste sur un sentiment mitigé avec la sensation que les sujets ont été traités de manière très superficielle, je reste clairement sur ma faim en terme de contenu que ce soit au niveau de la technique ou du partage d’expérience.</p>
  554. <p>La partie éthique des interventions est passée complètement à la trappe ce qui est surprenant compte-tenu de la problématique et des enjeux sous-jacents.</p>
  555. <p>Toute la journée, le concept de <strong>smart</strong> (<em>cities</em>, <em>sensor</em>, <em>pill</em>, <em>phone</em>, <em>hospital</em>, etc) a été abordé sans pour autant se poser la question de savoir pourquoi on avait besoin de s’entourer d’autant de choses intelligentes. Sommes-nous devenus stupides ? Est-ce cet environnement d’assistance qui nous a rendu stupides ? Quelle est la part d’éducation à introduire pour y pallier ?</p>
  556. <p>Le second fil rouge de la journée était clairement la peur de la mort avec diverses tentatives de repousser les limites de la vie <em>en santé</em> pour finir en apothéose avec une apologie de la <em>sportivation</em> de la vie. Cela soulève forcément la question de l’utilité de vivre aussi longtemps…</p>
  557. <p><strong>[Mise à jour]</strong> : Thibault a <a href="http://www.miximum.fr/actus/1249-jai-vu-la-medecine-du-futur-et-elle-fait-plutot-peur">vu la médecine du futur, et elle lui fait peur</a>.</p>
  558. </article>
  559. <nav id="jumpto">
  560. <p>
  561. <a rel=prev href="/david/blog/2013/conferences-editorialisation/">← Conférences et éditorialisation</a> | <a href="/david/blog/" title="Retour à la liste des expériences">↑</a> | <a rel=next href="/david/blog/2013/agregation-decouverte/">Agrégation et découverte →</a>
  562. </p>
  563. </nav>
  564. <footer>
  565. <div>
  566. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  567. <p>
  568. Bonjour/Hi!
  569. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  570. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  571. </p>
  572. <p>
  573. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  574. </p>
  575. <p>
  576. Les dernières publications hebdomadaires sont :
  577. </p>
  578. <ul class="with_columns">
  579. <li>
  580. <a href="/david/stream/2019/12/31/">Merci</a>
  581. </li>
  582. <li>
  583. <a href="/david/stream/2019/12/27/">Intemporels</a>
  584. </li>
  585. <li>
  586. <a href="/david/stream/2019/12/24/">Outils</a>
  587. </li>
  588. <li>
  589. <a href="/david/stream/2019/12/17/">Origines</a>
  590. </li>
  591. <li>
  592. <a href="/david/stream/2019/12/10/">Publier</a>
  593. </li>
  594. <li>
  595. <a href="/david/stream/2019/12/03/">En forêt</a>
  596. </li>
  597. <li>
  598. <a href="/david/stream/2019/11/26/">Ecocentric</a>
  599. </li>
  600. <li>
  601. <a href="/david/stream/2019/11/19/">Se livrer</a>
  602. </li>
  603. <li>
  604. <a href="/david/stream/2019/11/12/">Dépendances</a>
  605. </li>
  606. <li>
  607. <a href="/david/stream/2019/11/05/">Positif</a>
  608. </li>
  609. <li>
  610. <a href="/david/stream/2019/10/29/">Dettes</a>
  611. </li>
  612. <li>
  613. <a href="/david/stream/2019/10/22/">Privilèges</a>
  614. </li>
  615. <li>
  616. <a href="/david/stream/2019/10/15/">Discrétion</a>
  617. </li>
  618. <li>
  619. <a href="/david/stream/2019/10/08/">Désespérance</a>
  620. </li>
  621. <li>
  622. <a href="/david/stream/2019/10/01/">Présent</a>
  623. </li>
  624. <li>
  625. <a href="/david/stream/2019/09/24/">Manifester</a>
  626. </li>
  627. <li>
  628. <a href="/david/stream/2019/09/17/">Arpenter</a>
  629. </li>
  630. <li>
  631. <a href="/david/stream/2019/09/10/">Nostalgie</a>
  632. </li>
  633. <li>
  634. <a href="/david/stream/2019/09/03/">Déconstruire</a>
  635. </li>
  636. <li>
  637. <a href="/david/stream/2019/08/27/">Documenter</a>
  638. </li>
  639. <li>
  640. <a href="/david/stream/2019/08/20/">Frustration</a>
  641. </li>
  642. <li>
  643. <a href="/david/stream/2019/08/13/">Holisme</a>
  644. </li>
  645. <li>
  646. <a href="/david/stream/2019/08/06/">1%</a>
  647. </li>
  648. <li>
  649. <a href="/david/stream/2019/07/30/">Exemplarité</a>
  650. </li>
  651. <li>
  652. <a href="/david/stream/2019/07/23/">Timelines</a>
  653. </li>
  654. <li>
  655. <a href="/david/stream/2019/07/16/">Écoute</a>
  656. </li>
  657. <li>
  658. <a href="/david/stream/2019/07/02/">Anxiété</a>
  659. </li>
  660. <li>
  661. <a href="/david/stream/2019/06/21/">À lier</a>
  662. </li>
  663. <li>
  664. <a href="/david/stream/2019/06/14/">Pauvreté</a>
  665. </li>
  666. <li>
  667. <a href="/david/stream/2019/06/07/">Amateur</a>
  668. </li>
  669. <li>
  670. <a href="/david/stream/2019/05/31/">Pollution</a>
  671. </li>
  672. <li>
  673. <a href="/david/stream/2019/05/24/">Apaisement</a>
  674. </li>
  675. <li>
  676. <a href="/david/stream/2019/05/10/">Folie</a>
  677. </li>
  678. <li>
  679. <a href="/david/stream/2019/05/03/">Sympathie</a>
  680. </li>
  681. <li>
  682. <a href="/david/stream/2019/04/12/">Péremption</a>
  683. </li>
  684. <li>
  685. <a href="/david/stream/2019/04/05/">Définitions</a>
  686. </li>
  687. <li>
  688. <a href="/david/stream/2019/03/29/">Acceptation</a>
  689. </li>
  690. <li>
  691. <a href="/david/stream/2019/03/22/">Dissonance</a>
  692. </li>
  693. <li>
  694. <a href="/david/stream/2019/03/15/">Reconnaissance</a>
  695. </li>
  696. <li>
  697. <a href="/david/stream/2019/03/08/">Lecture</a>
  698. </li>
  699. <li>
  700. <a href="/david/stream/2019/03/01/">Journaux</a>
  701. </li>
  702. <li>
  703. <a href="/david/stream/2019/02/22/">Écriture</a>
  704. </li>
  705. <li>
  706. <a href="/david/stream/2019/02/15/">Kyriarchie</a>
  707. </li>
  708. <li>
  709. <a href="/david/stream/2019/02/08/">Mots-serrures</a>
  710. </li>
  711. <li>
  712. <a href="/david/stream/2019/02/01/">Sans voie</a>
  713. </li>
  714. <li>
  715. <a href="/david/stream/2019/01/25/">Auto-diagnostic</a>
  716. </li>
  717. <li>
  718. <a href="/david/stream/2019/01/18/">Agilité</a>
  719. </li>
  720. <li>
  721. <a href="/david/stream/2019/01/11/">Métaphores</a>
  722. </li>
  723. <li>
  724. <a href="/david/stream/2019/01/04/">Balbutiements</a>
  725. </li>
  726. </ul>
  727. <p>
  728. Voici quelques articles choisis :
  729. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  730. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  731. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  732. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  733. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  734. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  735. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  736. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  737. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  738. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  739. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  740. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  741. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  742. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  743. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  744. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  745. </p>
  746. <p>
  747. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  748. </p>
  749. <p>
  750. Je ne traque pas ta navigation mais mon
  751. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  752. conserve des logs d’accès.
  753. </p>
  754. </div>
  755. </footer>
  756. <script type="text/javascript">
  757. ;(_ => {
  758. const jumper = document.getElementById('jumper')
  759. jumper.addEventListener('click', e => {
  760. e.preventDefault()
  761. const anchor = e.target.getAttribute('href')
  762. const targetEl = document.getElementById(anchor.substring(1))
  763. targetEl.scrollIntoView({behavior: 'smooth'})
  764. })
  765. })()
  766. </script>
  767. <script>
  768. /* Service workers */
  769. if (navigator.serviceWorker) {
  770. window.addEventListener('load', function () {
  771. var selector = 'a[href^="/david/cache/"], a[rel=prev], a[rel=next]'
  772. function sendLinks (selector) {
  773. var links = [].slice.call(document.querySelectorAll(selector)).map(function (link) {
  774. return link.getAttribute('href')
  775. })
  776. links.push(location.pathname) // Put the current page in cache too.
  777. navigator.serviceWorker.controller.postMessage({ links: links })
  778. }
  779. navigator.serviceWorker.getRegistration()
  780. .then(function (registration) {
  781. if (!registration || !navigator.serviceWorker.controller) {
  782. return navigator.serviceWorker.register('/serviceworker.js')
  783. .then(navigator.serviceWorker.ready)
  784. .then(function () {
  785. console.log('[ServiceWorker] Ready to go!')
  786. })
  787. .catch(console.error.bind(console))
  788. } else {
  789. console.log('[ServiceWorker] Send links via registration')
  790. sendLinks(selector)
  791. }
  792. })
  793. navigator.serviceWorker.addEventListener('controllerchange', function () {
  794. console.log('[ServiceWorker] Send links via controller change')
  795. sendLinks(selector)
  796. })
  797. navigator.serviceWorker.addEventListener('message', function (event) {
  798. var link = document.querySelector('a[href="' + event.data.link + '"]')
  799. if (event.data.status && link) {
  800. link.style.backgroundColor = '#2d7474'
  801. link.style.color = '#f0f0ea'
  802. link.setAttribute('title', 'En cache pour consultation sans connexion')
  803. }
  804. })
  805. })
  806. } else {
  807. console.warn('[ServiceWorker] No cache for old browsers.')
  808. }
  809. </script>