Semillero R

class: center, middle, inverse, title-slide

.title[
# Semillero R
]
.subtitle[
## Sesión 7: Introducción a <code>shiny</code>
]
.institute[
### Universidad Nacional - Universidad de Antioquia
]
.date[
### 2021-05-31
]

---

class: inverse, center, middle

# [`shiny`](https://shiny.rstudio.com/)

[Hoja guía `shiny` (español)](shiny_Spanish.pdf)

---
class: inverse, center, middle

# ¿Qué es `shiny`?

> *"Shiny es un paquete de código abierto que proporciona un marco elegante y potente para crear aplicaciones web utilizando R. Shiny le ayuda a convertir sus análisis en aplicaciones web interactivas sin necesidad de conocimientos de HTML, CSS o JavaScript."*

> **RStudio.**

---

# ¿Cómo funciona `shiny`?

---

# ¿Qué es la reactividad?

---

# Estructura de una App con `shiny`

.panelset[

.panel[.panel-name[Componentes]

]

.panel[.panel-name[Estructura Simple]

]

.panel[.panel-name[Estructura Múltiple]

]

---

# Entradas &#8594; [*inputs*](https://shiny.rstudio.com/gallery/widget-gallery.html)

---

# Salidas &#8594; [*outputs*](https://shiny.rstudio.com/tutorial/written-tutorial/lesson4/)

---

# *Inputs* &#8594; *Outputs*

---
class: inverse, center, middle

# [Diseños de la App](https://www.bioinformatics.babraham.ac.uk/shiny/Intro_to_Shiny_course/examples/04.1_layouts/)

`fluidRow()`   
`flowLayout()`   
`sidebarLayout()`   
`splitLayout()`   
`verticalLayout()`   
`tabsetPanel()`    
`navlistPanel()`     
`navbarPage()`

---
class: inverse, center, middle

## [Temas con `shinythemes`](https://rstudio.github.io/shinythemes/)

## [Temas con `bslib`](https://shiny.rstudio.com/articles/themes.html)

---
class: inverse,  middle, center

# [Mastering Shiny](https://mastering-shiny.org/index.html)

---
class: inverse, center, middle