.column.bg-white[
 
 
 
 
![](images/Mad-Party.jpg)
]]

.column.bg-main1[.content.vmiddle.center[
.font4[Teaching in this Pandemic Year 2020-2021] 
.font2[A Portfolio of Student Outcomes and Teaching Experiences] 
.font2[Arvind Venkatadri] 
 https://we-r-us.netlify.app 
 https://r-for-artists.netlify.app 
 https://arvindvenkatadri.netlify.app

]]

---

.column.bg-main3[.content[
# Course-1 : Order and Chaos

.row[.content.nopadding[
.img-fill[![](https://images.pexels.com/photos/3874511/pexels-photo-3874511.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260)]
]]

.bottom_abs.content[.white[
## Emergence, Spatial Patterns, Game Theory, and Fractals]
]
]]

.column.bg-main2[.content[
# Course-2 : Play and Invent
.row[.content.nopadding[
.img-fill[![](https://www.triz.co.uk/hs-fs/hubfs/images/panels/cartoons/0727-b-church-bell.jpg?width=570&name=0727-b-church-bell.jpg)
]]
]]
.bottom_abs.content[
## Metaphors, Analogic Thinking, Creative Problem Solving, de Bono Methods, and TRIZ
]
]]

.column.bg-main1[.content[
# Course-3 : Digital Thinking Tools
.row[.content.nopadding[
.img-fill[![](images/Hatter.jpg)]
]]

.bottom_abs.content[
## Data Viz, Maps, and Networks in 
]
]]

---

.column.bg-main3[
.content.vmiddle.center[
## FSP : Order and Chaos
### Designing with Fractals
.row[.content.nopadding[
.fig90[![](images/Mandelbrot-location.png)
]]
]
]
]

.column.bg-main1[.row[
.content.nopadding[.img-fill[![](images/fractal_jewellery.png)]
]
]

.row[.content[
## Mandelbrot and Julia Jewellery
### Made using `XaOS` software
### Programmable Complex Seed (`z = z^2 + c`)
]]
]

---

.column.bg-main3[
.content.vmiddle.center[
# FSP : Order and Chaos
### Designing with Proximity
]
]

.column.bg-white[
.row[
.content.nopadding[
.img-fill[

![](images/Tanmayi - Portrait.png)
]
]
]

---

.column.bg-main3[
.content.vmiddle.center[
# FSP : Order and Chaos
## Game Theory - The Stag Hunt Model
The **Stag Hunt** is a Game Theoretic Model of Public Behaviour
]
]

.column.bg-white[
.row[
.content.nopadding[
.img-fill[
![](images/stag-hunt.PNG)
]
]
]
]

---

.column.bg-red[
.content.vmiddle.center[
# FSP : Play and Invent

### `TRIZ` Interpretation of ***Home Alone***
`TRIZ` is a .yellow[System] for .blue[Innovative Problem Solving] that orginated in Soviet Russia

Based on .yellow[Innovative Patterns] mined from over .blue[3 million Patents]
]
]

.column.bg-white[
<center>
<img src="images/Sameera -TRIZ - Home Alone.jpg" width="800" height="700">
]

---

.column.bg-red[
.content.vmiddle.center[
# FSP : Play and Invent

### `TRIZ` Interpretation of ***Home Alone***
`TRIZ` is a System for Innovative Problem Solving invented by .yellow[Genrikh Altshuller]

It is now used by many of the Fortune 500 Companies ( e.g. Samsung )
]
]

.column.bg-white[
<center>
<img src="images/AnanyaDharmaraj_T12HomeAloneTRIZAnalysis.jpg" width="800" height="700">
]

---
class: bg-blue split-30 hide-slide-number

.column.bg-blue[
.content.vmiddle.center[
# FSP : Digital Thinking Tools
## .yellow[Data Viz] in R
]
]

.column.bg-white[
.img-fill[
![](images/storms.PNG)
]

.row[.content.black[
## Data Visualization of Weather Patterns ( Points and Regression Models)
### Made using with packages `dplyr`and `ggplot`
]]
]
---

.column.bg-blue[
.content.vmiddle.center[
# FSP : Digital Thinking Tools
## .yellow[Map Making] in R
]
]

.column.bg-white[
.img-fill[
![](images/map.PNG)
]

.row[.content.black[
## Map of Restaurants in Rajajinagar, Bangalore
### Made using with packages `osmdata`, `sf` and `ggplot`
]]
]

---

.column.bg-blue[
.content.vmiddle.center[
# FSP : Digital Thinking Tools
## .yellow[Network Graphs] in R
### Which is your Favourite TV Show?
]
]

.column.bg-white[
.img-fill[
![](images/simpsons.png)
]

.row[.content.black[
## The society in `The Simpsons`
### Made using with packages `tidygraph`, and `ggraph`
]]
]

---
class: bg-blue split-30 hide-slide-number

.column.bg-blue[
.content.vmiddle.center[
# FSP : Digital Thinking Tools
## Making .yellow[Sequence Diagrams] in R
]
]

.column.bg-white[
.img-fill[
![](images/spanish.png)
]

.row[.content.black[
## A Spanish Language Tutorial
### Made using with packages `plantUML` and `DiagrammeR`
]]
]

---

.column.bg-green[.content.vmiddle.center[
# And Teaching?
#⚔
#忍者

### Trying to be a ninja
]]

.column.bg-green[.content.vmiddle.center[
<img src="images/Jabberwock.jpg" width="70%" height = "50%">
]
]

---

.column.bg-green[.content.vmiddle.center[
## Creating Personal Webpage .yellow[in R] for all Content
<center>
<img src="images/website.png" width="90%" height = "100%">
- .yellow[Theme:] Alice in Wonderland
]]

.column.bg-green[.content.vmiddle.center[
## Code-Labs and Classwork : Show, then Make
<center>
<img src="images/learning-module.png" width="90%" height = "100%">
- .yellow[Metaphors] from Alice for Data Viz
]]

---

## Using "Code-Movies"

### .yellow[Highlighting] and .purple[Incremental Execution] in .red[***Slides***]

---
 # Code Movies
.pull-left[

```r
*tm_shape(lnd) +
* tm_borders(col = "black", lwd = 1) +
* tm_fill("NAME", legend.show = FALSE)
```
]
.pull-right[
<img src="index_files/figure-html/tm1-1.png" width="672" />
]

---
# Code Movies

```r
*# Group 1
tm_shape(lnd) +
  tm_borders(col = "black",lwd = 1) + 
  tm_fill("NAME", legend.show = FALSE) +

*# Group 2 = Layer 2
* tm_shape(cycle_hire_osm) +
* tm_symbols(size = 0.2, col = "red")
```
]
.pull-right[
<img src="index_files/figure-html/tm1a-1.png" width="672" />
]

---

# Code Movies

```r
# Group 1
tm_shape(lnd) +
 tm_borders(col = "black",lwd = 1) + 
 tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
 tm_shape(cycle_hire_osm) + 
 tm_symbols(size = 0.2, col = "red") +
 
* tm_graticules() +
* tm_add_legend(type = "symbol", col = "red",
* title = "Hire Cycles Here")
```
]
.pull-right[
<img src="index_files/figure-html/tm2-1.png" width="672" />
]

---

# Code Movies

```r
# Group 1
tm_shape(lnd) +
  tm_borders(col = "black",lwd = 1) + 
  tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
  tm_shape(cycle_hire_osm) + 
  tm_symbols(size = 0.2, col = "red") +
  tm_graticules() +
  tm_add_legend(type = "symbol", col = "red",
                title = "Hire Cycles Here") +

* tm_scale_bar(position=c("left", "bottom"),
*              text.size = 1) +
* tm_compass(position = c("right", "top"),
*            type = "rose",
*            size = 2)
```
]

---

# Code Movies

```r
mymap <- 
# Group 1
tm_shape(lnd) +
 tm_borders(col = "black", lwd = 1) + 
 tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
 tm_shape(cycle_hire_osm) + 
 tm_symbols(size = 0.2, col = "red") +
 tm_graticules() +
 tm_add_legend(type = "symbol", col = "red",
 title = "Hire Cycles Here") +
 tm_scale_bar(position=c("left", "bottom"),text.size = 1) + 
 tm_compass(position = c("right", "top"), type = "rose",
 size = 2) +
 
* tm_credits(text = "Arvind V, 2021",
* position = c("left", "bottom")) +
* tm_layout(main.title = "London Bike Share",
* bg.color = "lightblue",
* inner.margins = c(0, 0, 0, 0))
mymap
```
]
.pull-right[
<img src="index_files/figure-html/tm1c-1.png" width="672" />
]

---

## Using Teams for ***Assignments***

---

## Using Teams for ***Grading***

<center>
<img src="images/assignment-rubric.png" width="100%" height = "50%">
 Rubric can be attached to each Assignment in Teams and scores downloaded in Excel ( student-wise )

---

## Student Portfolio Website : Digital Thinking Tools

<center>
<img src="images/portfolio.png" width="100%" height = "60%">
we-r-us.netlify.app

---

# Lessons
.font2[
* .yellow[Teaching Together] was hard at first
* .yellow[Naming a course as] .red["CE"], and then .yellow[merging] .green[GS] and .blue[GSK] into it was hard too
* Coherence and Structure of the Course was at times iffy
]
.font2[
* .yellow[Teaching Together] made sense later....when we got tired
* .yellow[Merging] .green[GS] and .blue[GSK] into .red[CE] made us think deeper about curriculum and practice
* Some .yellow[Through-Lines] emerged as we thought about and worked the Content. 
- E.g .blue[Pointillism] and .red[Emergence] ( after Stephen Johnson )
- E.g. .blue[Alice in Wonderland] and .red[Schelling Points]
* Assignment were more nuanced perhaps, with three areas for assignments?
]

---

.blade1.bg-red.content[
# Thank you !!
]]
.blade2.bg-green[.content.vertical-rl[

]]
.blade3.bg-deep-purple[.content.center[
 https://we-r-us.netlify.app 
 https://r-for-artists.netlify.app 
 https://arvindvenkatadri.netlify.app

]]
.blade4.bg-orange[.content.sideways-rl[.center[

]]]
.hole.bg-black[.content.center.vmiddle[
# Slides made by Arvind Venkatadri
###with 
## 
### via the R packages:

&#x2694;&#xFE0F; [**xaringan**](https://github.com/yihui/xaringan) + &#x1F60E; 
&#x2718;[**gadenbuie/xaringanExtra**](https://github.com/gadenbuie/xaringanExtra) 
### and with
&#x2694;&#xFE0F;[**the tidyverse**](https://tidyverse.tidyverse.org/)

]]

Notes for current slide

Notes for next slide

]

Teaching in this Pandemic Year 2020-2021
A Portfolio of Student Outcomes and Teaching Experiences

Arvind Venkatadri

https://we-r-us.netlify.app
https://r-for-artists.netlify.app
https://arvindvenkatadri.netlify.app

1 / 24

Course-1 : Order and Chaos

Emergence, Spatial Patterns, Game Theory, and Fractals

Course-2 : Play and Invent

Metaphors,
Analogic Thinking,
Creative Problem Solving, de Bono Methods,
and TRIZ

]

Course-3 : Digital Thinking Tools

Data Viz, Maps, and Networks in

2 / 24

FSP : Order and Chaos

Designing with Fractals

Mandelbrot and Julia Jewellery

Made using `XaOS` software

Programmable Complex Seed (`z = z^2 + c`)

3 / 24

FSP : Order and Chaos

Designing with Proximity

Delaunay / Voronoi Spatial Pattern

Made using `Geogebra` software

4 / 24

FSP : Order and Chaos

Game Theory - The Stag Hunt Model

The Stag Hunt is a Game Theoretic Model of Public Behaviour

5 / 24

FSP : Play and Invent

`TRIZ` Interpretation of Home Alone

TRIZ is a System for Innovative Problem Solving that orginated in Soviet Russia

Based on Innovative Patterns mined from over 3 million Patents

6 / 24

FSP : Play and Invent

`TRIZ` Interpretation of Home Alone

TRIZ is a System for Innovative Problem Solving invented by Genrikh Altshuller

It is now used by many of the Fortune 500 Companies ( e.g. Samsung )

7 / 24

FSP : Digital Thinking Tools

Data Viz in R

Data Visualization of Weather Patterns ( Points and Regression Models)

Made using with packages `dplyr`and `ggplot`

8 / 24

FSP : Digital Thinking Tools

Map Making in R

Map of Restaurants in Rajajinagar, Bangalore

Made using with packages `osmdata`, `sf` and `ggplot`

9 / 24

FSP : Digital Thinking Tools

Network Graphs in R

Which is your Favourite TV Show?

The society in `The Simpsons`

Made using with packages `tidygraph`, and `ggraph`

10 / 24

FSP : Digital Thinking Tools

Making Sequence Diagrams in R

A Spanish Language Tutorial

Made using with packages `plantUML` and `DiagrammeR`

11 / 24

And Teaching?

⚔

忍者

Trying to be a ninja

12 / 24

Creating Personal Webpage in R for all Content

Theme: Alice in Wonderland

Code-Labs and Classwork : Show, then Make

Metaphors from Alice for Data Viz

13 / 24

Using "Code-Movies"Highlighting and Incremental Execution in Slides14 / 24

Code Movies

tm_shape(lnd) +
  tm_borders(col = "black", lwd = 1) +
  tm_fill("NAME", legend.show = FALSE)

15 / 24

Code Movies

# Group 1
tm_shape(lnd) +
  tm_borders(col = "black",lwd = 1) + 
  tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
  tm_shape(cycle_hire_osm) +
  tm_symbols(size = 0.2, col = "red")

16 / 24

Code Movies

# Group 1
tm_shape(lnd) +
  tm_borders(col = "black",lwd = 1) + 
  tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
  tm_shape(cycle_hire_osm) + 
  tm_symbols(size = 0.2, col = "red") +
  tm_graticules() +
  tm_add_legend(type = "symbol", col = "red",
                title = "Hire Cycles Here")

17 / 24

Code Movies

# Group 1
tm_shape(lnd) +
  tm_borders(col = "black",lwd = 1) + 
  tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
  tm_shape(cycle_hire_osm) + 
  tm_symbols(size = 0.2, col = "red") +
  tm_graticules() +
  tm_add_legend(type = "symbol", col = "red",
                title = "Hire Cycles Here") +
  tm_scale_bar(position=c("left", "bottom"),
               text.size = 1) +
  tm_compass(position = c("right", "top"),
             type = "rose",
             size = 2)

18 / 24

Code Movies

mymap <- 
# Group 1
tm_shape(lnd) +
  tm_borders(col = "black", lwd = 1) + 
  tm_fill("NAME", legend.show = FALSE) +
# Group 2 = Layer 2
  tm_shape(cycle_hire_osm) + 
  tm_symbols(size = 0.2, col = "red") +
  tm_graticules() +
  tm_add_legend(type = "symbol", col = "red",
                title = "Hire Cycles Here") +
  tm_scale_bar(position=c("left", "bottom"),text.size = 1) + 
  tm_compass(position = c("right", "top"), type = "rose",
             size = 2) +
  tm_credits(text = "Arvind V, 2021",
             position = c("left", "bottom")) +
  tm_layout(main.title = "London Bike Share",
            bg.color = "lightblue",
            inner.margins = c(0, 0, 0, 0))
mymap

19 / 24

Using Teams for Assignments

20 / 24

Using Teams for Grading

Rubric can be attached to each Assignment in Teams and scores downloaded in Excel ( student-wise )

21 / 24

Student Portfolio Website : Digital Thinking Tools

we-r-us.netlify.app

22 / 24

LessonsTeaching Together was hard at first
Naming a course as "CE", and then merging GS and GSK into it was hard too
Coherence and Structure of the Course was at times iffy

Teaching Together made sense later....when we got tired
Merging GS and GSK into CE made us think deeper about curriculum and practice
Some Through-Lines emerged as we thought about and worked the Content. 

E.g Pointillism and Emergence ( after Stephen Johnson )
E.g. Alice in Wonderland and Schelling Points

Assignment were more nuanced perhaps, with three areas for assignments?

23 / 24

Thank you !!

]

https://we-r-us.netlify.app
https://r-for-artists.netlify.app
https://arvindvenkatadri.netlify.app

Slides made by Arvind Venkatadri

with

via the R packages:

⚔️ xaringan
+
😎 ✘gadenbuie/xaringanExtra

and with

⚔️the tidyverse

24 / 24

Course-1 : Order and Chaos

Emergence, Spatial Patterns, Game Theory, and Fractals

Course-2 : Play and Invent

Metaphors,
Analogic Thinking,
Creative Problem Solving, de Bono Methods,
and TRIZ

]

Course-3 : Digital Thinking Tools

Data Viz, Maps, and Networks in

2 / 24

Paused

Help

Keyboard shortcuts

↑, ←, Pg Up, k	Go to previous slide
↓, →, Pg Dn, Space, j	Go to next slide
Home	Go to first slide
End	Go to last slide
Number + Return	Go to specific slide
b / m / f	Toggle blackout / mirrored / fullscreen mode
c	Clone slideshow
p	Toggle presenter mode
t	Restart the presentation timer
?, h	Toggle this help

Esc	Back to slideshow

Course-1 : Order and Chaos

Emergence, Spatial Patterns, Game Theory, and Fractals

Course-2 : Play and Invent

Metaphors, Analogic Thinking,Creative Problem Solving, de Bono Methods, and TRIZ

Course-3 : Digital Thinking Tools

Data Viz, Maps, and Networks in

FSP : Order and Chaos

Designing with Fractals

Mandelbrot and Julia Jewellery

Made using XaOS software

Programmable Complex Seed (z = z^2 + c)

FSP : Order and Chaos

Designing with Proximity

Delaunay / Voronoi Spatial Pattern

Made using Geogebra software

FSP : Order and Chaos

Game Theory - The Stag Hunt Model

FSP : Play and Invent

TRIZ Interpretation of Home Alone

FSP : Play and Invent

TRIZ Interpretation of Home Alone

FSP : Digital Thinking Tools

Data Viz in R

Data Visualization of Weather Patterns ( Points and Regression Models)

Made using with packages dplyrand ggplot

FSP : Digital Thinking Tools

Map Making in R

Map of Restaurants in Rajajinagar, Bangalore

Made using with packages osmdata, sf and ggplot

FSP : Digital Thinking Tools

Network Graphs in R

Which is your Favourite TV Show?

The society in The Simpsons

Made using with packages tidygraph, and ggraph

FSP : Digital Thinking Tools

Making Sequence Diagrams in R

A Spanish Language Tutorial

Made using with packages plantUML and DiagrammeR

And Teaching?

⚔

忍者

Trying to be a ninja

Creating Personal Webpage in R for all Content

Code-Labs and Classwork : Show, then Make

Using "Code-Movies"

Highlighting and Incremental Execution in Slides

Code Movies

Code Movies

Code Movies

Code Movies

Code Movies

Using Teams for Assignments

Using Teams for Grading

Student Portfolio Website : Digital Thinking Tools

Lessons

Thank you !!

Slides made by Arvind Venkatadri

with

via the R packages:

and with

Course-1 : Order and Chaos

Emergence, Spatial Patterns, Game Theory, and Fractals

Course-2 : Play and Invent

Metaphors, Analogic Thinking,Creative Problem Solving, de Bono Methods, and TRIZ

Course-3 : Digital Thinking Tools

Data Viz, Maps, and Networks in

Help

Metaphors,
Analogic Thinking,
Creative Problem Solving, de Bono Methods,
and TRIZ

Made using `XaOS` software

Programmable Complex Seed (`z = z^2 + c`)

Made using `Geogebra` software

`TRIZ` Interpretation of Home Alone

`TRIZ` Interpretation of Home Alone

Made using with packages `dplyr`and `ggplot`

Made using with packages `osmdata`, `sf` and `ggplot`

The society in `The Simpsons`

Made using with packages `tidygraph`, and `ggraph`

Made using with packages `plantUML` and `DiagrammeR`

Metaphors,
Analogic Thinking,
Creative Problem Solving, de Bono Methods,
and TRIZ