r package: shiny - agrocampus ouestmath.agrocampus-ouest.fr/infogluedeliverlive/... · bootstrap...

5
R package: Shiny COGNEZ Noriane POULARD Justine CHATEAU Anouk SANTILLÁN CARVANTES Patricia

Upload: others

Post on 08-Sep-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: R package: Shiny - Agrocampus Ouestmath.agrocampus-ouest.fr/infoglueDeliverLive/... · Bootstrap Getting started css Components AWN yeah, Bootstrap 4 is coming! JavaScript Customize

R package: Shiny

COGNEZ NorianePOULARD JustineCHATEAU Anouk

SANTILLÁN CARVANTES Patricia

Page 2: R package: Shiny - Agrocampus Ouestmath.agrocampus-ouest.fr/infoglueDeliverLive/... · Bootstrap Getting started css Components AWN yeah, Bootstrap 4 is coming! JavaScript Customize

Shiny themes

• Changer l’apparence de l’application

• 8 options à shinytheme :– Default– Cerulean– Cosmo– Flatly– Journal– Readable– Spacelab– United

R EXEMPLE

● Possibilité d’utiliser d’autres bootstrap theme :

Page 3: R package: Shiny - Agrocampus Ouestmath.agrocampus-ouest.fr/infoglueDeliverLive/... · Bootstrap Getting started css Components AWN yeah, Bootstrap 4 is coming! JavaScript Customize

Shiny BS

• Twitter bootstrap component de Shiny:-Alerts createAlert()

-Buttons createAlert()

-Collapses bsCollapse()

-Tooltips and Popovers

-Modals bsModal()

R EXEMPLE

Page 4: R package: Shiny - Agrocampus Ouestmath.agrocampus-ouest.fr/infoglueDeliverLive/... · Bootstrap Getting started css Components AWN yeah, Bootstrap 4 is coming! JavaScript Customize

Shiny dashboard• Améliore la présentation

en organisant la page html• Structure créée dans ui.R :

– Titre : dashboardHeader( )– Barre de menu :dashboardSidebar(

menuItem( ),menuItem( ))

– Corps :dashboardBody(

tabItems(tabItem( ),tabItem( )))

Page 5: R package: Shiny - Agrocampus Ouestmath.agrocampus-ouest.fr/infoglueDeliverLive/... · Bootstrap Getting started css Components AWN yeah, Bootstrap 4 is coming! JavaScript Customize

Shiny JS• Tous les compléments de

Shiny mais sur JavaScript• Permet d'effectuer les

opérations de JavaScript sans avoir la connaissance de JS.

• Exemples de fonctions:– Cacher un element– Désactiver une entrée– Réinitialiser une entrée à sa

valeur originale– Afficher un message en

fenetre pop up...

R EXEMPLE