PyConFr 2017 - Mindmap web contrôlée par sms avec Python & Twilio

## Mindmap web contrôlée par sms

Note: inspi -> Hubert Sablonnière "Une aventure ultrasonique" Devoxx 2017
=> il est aussi intéressant de présenter les side-projets et autres expériences farfelues

## Bonjour !
<div style="display: flex; align-items: center">
 <img src="avatar.jpg" alt="Une image d'avatar" style="border: none; width: 30%; height: 30%; margin-right: 2rem">
 <div style="display: flex; flex-direction: column; text-align: left">
 **Lucas Cimon**
 [Voyages-Sncf.com Technologies](https://open.voyages-sncf.com) @ Nantes
 https://chezsoi.org + [<img src="shaarli-icon.png" style="margin: 0; width: 3rem">](https://chezsoi.org/shaarli)
 </div>
</div>

## Mon téléphone est stupide
**Pourquoi ?**
<ul>
 <li class="fragment">**zen** : je peux m'en passer, moins de [FOMO](https://fr.wikipedia.org/wiki/Fear_of_missing_out)</li>
 <li class="fragment">**économique** : je préfère dépenser mes sous ailleurs</li>
 <li class="fragment">**écolo** : resources pour le fabriquer + électricité</li>
 <li class="fragment">**raison n°1** : j'en perds plusieurs par an 😝</li>
</ul>

## Problème : où noter des trucs ?

Note:
- pas d'appli, pas de connexion Internet
- **brouillons ?** → je les perds tous avec le téléphone,
et c'est pénible à recopier
- **notes papier ?** → c'est le bordel, et il faut les recopier...

## 💡 twilio !
```python
client = Client(TWILIO_ACCOUNT_SID, TWILIO_AUTH_TOKEN)
client.messages.create(body=msg, from_=src_number, to=dst_number)
```
<div class="fragment">
 _**Ce n'est pas le seul**_ Il y a aussi: [bandwidth](https://my.bandwidth.com/portal/apidoc/2-x-supported-operations.htm), [bulksms](http://www.bulksms.com/products/sms-api.htm), [nexmo](https://www.nexmo.com/products/sms), [plivo](https://www.plivo.com/sms-api/), [sinch](https://www.sinch.com/products/sms-api/), [tropo](https://www.tropo.com/docs/scripting/quickstarts/sending-text-messages#tabs-4), [smsapi.com](https://github.com/elcodo/python-smsapi)
</div>

Note:
- 1ère utilisation : envoyer un texto à ma copine à Dublin... comme j'avais perdu mon téléphone
- exemple complet : https://github.com/Lucas-C/linux_configuration/blob/master/languages/python/send_text_msg_with_twilio.py

## webhook ?
<img src="https://s3.amazonaws.com/com.twilio.prod.twilio-docs/images/sms-http-request-cycle.width-800.gif"
 alt="Schéma animé expliquant le principe des webhooks">

##  
![](twilio-console.png)
Note:
- 2 ans de "Free Trial"
- utilisation + intensive -> ~30$ par an

## Où stocker ces notes ?

Note: faire sondage 
Les gens hurlent ? oui mais versionning + interface web d'édition !

## Mise en place

Note: + upstart
Framework-less, lib-less
Devrait être déployable sur heroku sans souci

## Très vite...
<pre style="padding: 5px">
penser à ...
ménage
truc à faire ...
envoyer <chose> à machin...
lire cet article de sam&max...
ménage: urgent
boulot: oubli pdb ?
finir pull request Shaarli
rendre livres à la bibli
réserver vacs
contrib wikipédia
rendre blog accessible
accrocher le cadre dans l'entrée
nourrir le chat
marquepager dernier lien de sebsauvage
anniv soeur: c'était hier ?
entretien voiture
faille sécu: systemshock?
changer de tél
blog: suppr. compteur visites -> déprimant
jdr: tuer les PJs
ménage: !FAIT QQCH!!
</pre>

Note: 1ère version -> pas d'indentation / groupes
-> montrer apparence du .md maintenant

## Démo
<pre style="width: 100%; font-size: 3.2rem">PyConFr.2017
Salut les charmeurs de serpents !</pre>

## 💡 mindmap !

J'utilisais [freeplane](https://www.freeplane.org) : <img src="freeplane-logo-2014.png" alt="Logo de freeplane" style="vertical-align: middle; width: 6rem"> <img src="FreePlane-200-175.png" alt="Logo 2 de reeplane" style="vertical-align: middle; width: 6rem">

## Oui mais...

appli de bureau (pas web) en Java :(

## 💡 wisemapping !

- open-source
- utilisé par [Framasoft](https://framasoft.org/)
- la partie "front" mange des fichiers XML simples

Note: projet date de 2010, mort depuis 2 ans

## Extraction du _viewer_

![](CyanideHappinessCrazyTyping.gif)

- _cf._ [article de blog](https://chezsoi.org/lucas/blog/rendering-deep-text-based-mindmaps-with-wisemapping-and-python.html)
- https://github.com/Lucas-C/wisemapping-mindmap-viewer

Note: ça va pas vous intéresser, c'est du SVG+JS
Transition: comment transformer .md en .xml ? Re-montrer fichier sur gitlab

## Conversion .md → .xml

![](kaa-and-mowgli.webp)

- en Python, avec [pyparsing](http://pyparsing.wikispaces.com)
- `pip install brain_dump`

Note: pas le meilleur parseur...

## Conversion .md → .xml

Exécutée via _post-receive_ `git` **hook**:

`/var/opt/gitlab/git-data/repositories/$group/$repo.git/custom_hooks`

```
#!/bin/bash
cd "$(dirname "${BASH_SOURCE[0]}" )"
exec > post-receive.log; exec 2>&1
cd ..
GITLAB_PUBLIC=/opt/gitlab/embedded/service/gitlab-rails/public
mindmap=braindump.md
read old_sha new_sha branch_name
git show $new_sha:$mindmap > $mindmap
LANG=fr_FR.UTF-8 wisemapping_txt2xml.py --font-color white $mindmap \
  > $GITLAB_PUBLIC/wisemapping-simple-viewer/samples/${f%.*}.xml
rm $mindmap
```

## Démo

## Pour résumer

![](mindmap-par-sms.png)

Note: idées pour la suite
- se passer de Twilio et utiliser une puce GSM ?
- approche sans code: https://ifttt.com/sms

##  
![](kawaii-earth.png)

45%<img src="dumbphone.png" alt="dumb phone" class="phone">vs30%<img src="smartphone.png" alt="smart phone" class="phone">

Note: garder en tête que tout le monde n'a pas un smartphone:
* aujourd'hui dans le monde, c'est 30% de la pop mondiale (~ le double en France), avec une hausse de 2pts par an (fr.statista.com), mais dont la vitesse diminue
* contre 75% de la population mondiale qui a un téléphone mobile, tout types confondus