From: Martin Desrumaux <martin@letik.io>
Date: Tue, 13 Oct 2020 13:53:28 +0000 (+0200)
Subject: feat(Player): Add slides
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=7e25d1b65c6c5c84ca168d2b1b938ecb35767f30;p=slides.git

feat(Player): Add slides
---

diff --git a/src/slides/timeside-2020.md b/src/slides/timeside-2020.md
index a2ed110..0082044 100644
--- a/src/slides/timeside-2020.md
+++ b/src/slides/timeside-2020.md
@@ -591,6 +591,85 @@ class: ircam
 ]
 
 
+---
+class: ircam
+
+# API SDK
+
+.pull-left[
+- Timeside API: 75 routes
+- openapi-generator
+	- Typescript
+	- Fetch
+	- OpenAPI v3 Schemas
+- Improve schema support on DRF (PR)
+	- Components
+	- Customize default names
+- Glue code
+	- Authentication
+	- Initialization on Browser / Node
+- Documentation
+]
+
+
+.pull-right[
+```openapi
+  /timeside/api/analysis/:
+    get:
+      operationId: listAnalysis
+      description: ''
+      parameters: []
+      responses:
+        '200':
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: '#/components/schemas/Analysis'
+          description: ''
+```
+]
+
+
+- SDK: https://github.com/Ircam-Web/timeside-sdk-js
+- Node: https://github.com/Ircam-Web/timeside-scripts
+
+openapi-generator supports Python, C/C++, Ruby, Go, Rust etc...
+
+---
+class: ircam
+
+# Player developement
+
+- DOM Manipulation: Vue (composition-api)
+- Waveform / Analysis: D3 rendering using SVG
+- Annotation: DOM
+	
+---
+class: ircam
+
+# Player demo
+
+---
+class: ircam
+
+# Usage as web library
+
+- React
+- Vue
+- HTML
+
+---
+class: ircam
+
+# Current limitations
+
+-	Processing tasks are limited to one machine
+	- Deployment on k8s cluster
+- Clients need to poll server to get update of task status
+	- Implementing Websocket, ServerEvent, Webhook
+
 ---
 class: ircam
 
diff --git a/src/styl/remark-themes/default.styl b/src/styl/remark-themes/default.styl
index bf22822..1a3005b 100644
--- a/src/styl/remark-themes/default.styl
+++ b/src/styl/remark-themes/default.styl
@@ -66,6 +66,7 @@ code
 .center-50
   width 50%
 
+.pull-right ~ ul
 .pull-right ~ p
   clear both