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

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

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

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