diff --git a/03.M3P2-pedagogy/02.M3P2-pedagogy/cheatsheet.en.md b/03.M3P2-pedagogy/02.M3P2-pedagogy/cheatsheet.en.md new file mode 100644 index 000000000..18913a044 --- /dev/null +++ b/03.M3P2-pedagogy/02.M3P2-pedagogy/cheatsheet.en.md @@ -0,0 +1,72 @@ +--- +title: 'Adapt to each one' +media_order: 'mas-alla-en.png,sintesis_700-en.png,sintesis-700-es.png,sintesis-700-fr.png,main-700-es.png,main-700-fr.png,main-700-en.png,mas-alla-es.png,mas-alla-fr.png,modes-1-840-tr.png,modes-2-840-tr.png,mode-parallel-fr-829.png,mode-parallel-es-834.png,mode-parallel-en-828.png,modes-3-840-tr.png,mode-lineal-es-826.png,mode-lineal-en-827.png,mode-lineal-fr-827.png' +published: true +visible: true +--- + +#### Adapt to each one + +-------------- + +##### A course : 3 parts +
+ +**Pedagogical stage** : small and consistent *set of courses at a specific level*. + +**A course** : designed in **3 parts** called *main*, *overview* and *beyong*. + +* "**main**" part : to *study thoroughly*, to understand and master, rather than memorize. +![](main-700-en.png) + +* "**overview**" part : a *complete and concise summary*, to plan in advance, review, and have in hand the main concepts and results. +![](sintesis_700-en.png) + +* "**beyong**" part : to *go further*, to test our understanding, and to widen the scope of our scientific knowledge and culture. +![](mas-alla-en.png) + +-------------- + +##### 3 display windows +
+ +To present **3 different but related pedagogical materials**.
+_For example (on the figures below) the 3 parts (main, overview and beyond) of the same course B._ + +* **on small screens in portrait orientation** (smartphones & tablets) :
+*1 window displayed at the time*, with access to the *others in a loop by sliding the finger to the right*. +![](modes-2-840-tr.png) + +* **on large screens in landscape orientation** (tablets, computers) :
+*3 windows displays in parallel* for simultaneous viewing. +![](modes-3-840-tr.png) + +    or *1 window displayed at the time*,
+     with access to the *others by sliding to the right*. +![](modes-1-840-tr.png) + + + +-------------- + +##### 4 types of multiple display +
+ + +![](mode-lineal--en-661.png) + + + +![](mode-parallel--en-656.png) + +![](exchange-en-694.png) + +![](panorama-en-667.png) + + + +