Teaching in this Pandemic Year 2020-2021

.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/)

]]