class: center, middle, inverse, title-slide # Uso de Xaringan ### Grupo 4 ### UNIVERSIDAD AGRARIA LA MOLINA ### Última edición: 08 Marzo 2022 --- layout: true class: animated, fadeIn --- class:middle,center # Integrantes -- .left[**Nombre y Código** - Tanta Medina, Crhistian Rodolfo _ 2020338 ] --- class: center, middle --  -- **Fuente**:https://www.verouden.net/slides/presentation-xaringan/#3 --- #Xaringan -- Es una extensión R Markdown basada en el comentario de la biblioteca JavaScript.js para generar presentaciones HTML de un estilo diferente. -- El nombre de "Xaringan" proviene de [Sharingan](https://naruto.fandom.com/wiki/Sharingan) en el manga y anime japones "Naruto".La palabra fue elegida para complicar de manera deliberada la pronunciación para la mayorÃa de las personas, al autor le preocupaba que se volviera popular aunque esta era algo ingenua debido a que el estilo es en realidad muy personalizable. --- #Procederemos con la instalacion del paquete - Colocamos el siguiente código **install.packages('xaringan')**  .rigth[Luego de correr el codigo podremos colocar distintos temas que y fuentes que nos brinda dicho paquete.] --- #Procedemos a crear un R Markdown  --- #Procedemos a la configuración aplicando xaringan  -- **CSS** esta linea es muy importante debido que aqui se colocara el tema y/o la fuente que nos brinda esto. --- #Podemos saber los temas de Xaringan En R colocamos **names(xaringan:::list_css())**  -- **Fuente**: https://arm.rbind.io/slides/xaringan.html#129 --- ##EJEMPLO 1 {width="15%" height="35%"} --- ##EJEMPLO 2 {width="15%" height="35%"} --- background-image: url(https://github.com/yihui/xaringan/releases/download/v0.0.2/karl-moustache.jpg) background-position: 50% 50% class: center,inverse,middle -- #Yolo Si lo establece en ***TRUE***, se insertará una foto de [***Karl Broman***](https://en.wikipedia.org/wiki/Karl_Broman]) en una diapositiva aleatoria en su presentación y al insertar ***times*** puedes elegir el número de veces que aparacerá. -- ***output:*** ***xaringan::moon_reader:*** ***yolo: true*** --- #Algunos consejos -- ##Diapositivas de reproduccion automática Algo que nos permite este paquete es la reproducción de automatica de diapositivas. ***output:*** ***xaringan::moon_reader:*** ***nature:*** ***autoplay: 30000*** -- De la misma manera se le puede poner una cuenta regresiva. ***output:*** ***xaringan::moon_reader:*** ***nature:*** ***countdown: 60000*** --- # Ventajas vs Desventajas ##Ventajas del uso de Xaringan .pull-left[ 1. Es la librerÃá mas configurable, tiene muchas opciones, su integración con javascript y CSS es transparente y presenta varios tema. 2. La sintaxis cambia un poco, deja de usar los tÃtulos y usa guiones --- para delimitar las diapositivas. 3. Acepta footnotes y dos columnas de forma nativa. 4. Al inicio de la diapositiva se puede definir la justificación del texto asà como la imagen de fondo. 5. Se pueden agregar notas para el presentador. ] --- #Desventajas del uso de Xaringan .left[El paquete xaringan fue diseñado originalmente para "ninja", lo que significa que si conoce CSS, podrá personalizar libremente el estilo, de lo contrario solo puede aceptar los temas predeterminados. Sus estándares estéticos y gustos pueden cambiar de vez en cuando, y podrÃa terminar ajustando los estilos todo el tiempo. El modo autónomo de xaringan puede no funcionar perfectamente.] --  **Fuente**:https://www.gestion.org/10-motivos-para-no-ser-trabajador-freelance/ --- ##Bibliografia 1. **https://www.kirenz.com/slides/xaringan-demo-slides.html#1** 2. **https://arm.rbind.io/slides/xaringan.html** 3. **https://github.com/yihui/xaringan** 4. **https://bookdown.org/yihui/rmarkdown/xaringan-format.html#slides-and-properties** 5. **https://en.wikipedia.org/wiki/Karl_Broman** --- class:inverse background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/39/Naruto_Shiki_Fujin.svg) background-size: contain -- # Muchas Gracias