Aplicaciones web con R: Shiny

class: center, middle, inverse, title-slide

# Aplicaciones web con R: Shiny
## Ejemplos de uso
<html>
<div style="float:left">

</div>
<hr color='#EB811B' size=1px width=800px>
</html>
### <a href="https://edimer.github.io/">Edimer David Jaramillo</a>
### Universidad Nacional - Medellín
### 20-08-2020

---

class: inverse, center, middle

# Shiny
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---
# ¿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.**

---
# El problema...

---
# Data Science

---
class: inverse, center, middle

# Esctructura de App
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---
# UI - Server

---
# UI - Server: Simple

---
# UI - Server: Múltiple

---
class: inverse, center, middle

# Inputs - Outputs
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---
# Inputs

<br>

---
# Outputs

<br>

---
# Render*

<br>

---
# Output

---
# Input - Output

---
class: inverse, center, middle

# Otras características
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---
# Diseños

---
# Elementos HTML

---
class: inverse, center, middle

# Compartir Apps
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---
# ShinyApps.io

.footnote[
[1] [ShinyApps.io](https://www.shinyapps.io/)
]

---

# RStudio Connect

.footnote[
[1] [RStudio Connect](https://rstudio.com/products/connect/)
]

---
class: inverse, center, middle

# Recursos de Información
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---

# Mastering Shiny

.footnote[
[1] [Libro Mastering Shiny](https://mastering-shiny.org/)
]

---

# Golemverse

.footnote[
[1] [Golemverse](https://golemverse.org/)
]

---
# Otros

- [Shiny guía español](https://rstudio.com/wp-content/uploads/2015/03/shiny-spanish.pdf)
- [Learn Shiny - Garret Grolemund](https://shiny.rstudio.com/tutorial/)
- [Hoja de referencia Shiny (Español)](https://rstudio.com/wp-content/uploads/2015/03/shiny-spanish.pdf)
- [Hoja de referencia Shiny (Inglés)](https://shiny.rstudio.com/images/shiny-cheatsheet.pdf)

.footnote[
[1] Nota: todas las imágenes de esta presentación fueron obtenidas de [Learn Shiny - Garret Grolemund.](https://shiny.rstudio.com/tutorial/)
]

---
class: inverse, center, middle

# Material de apoyo
<html><div style='float:left'></div><hr color='#EB811B' size=1px width=720px></html>

---

# Repositorio Github

.footnote[
[1] [Código fuente y datos - *IntroShiny_Unal2020*.](https://github.com/Edimer/AgroR)
]

---
class: inverse, center, middle

# ¡Gracias!