This document provides an overview of the Shiny package in R for building interactive web applications. It discusses what Shiny is, how to install Shiny and RStudio, and provides examples of Shiny apps and their structure. The document also demonstrates how to create basic Shiny apps with UI and server components, including adding elements like titles, paragraphs and columns. It introduces the shinydashboard package for creating dashboard apps and provides a tutorial on its structure.

1. Shiny Series Fall 2017
Olga Scrivner and Jefferson Davis
Week 1

2. What is Shiny?
• Rstudio is an open source “set of integrated tools to help you
be more productive with R”
• Shiny is a package from Rstudio to build interactive web
interfaces/pages/applications

3. Installation Instructions
• Download R - link
• Download Rstudio - link
• Instructions - slides

4. Examples
• Shiny Gallery - link
• Show Me Shiny - link
• Interactive Dashboard - link

5. Shiny Structure
http://littleactuary.github.io/blog/Web-application-framework-with-Shiny/ http://deanattali.com/blog/building-shiny-apps-tutorial/

6. Rstudio Structure
RStudio
http://dss.princeton.edu/training/RStudio101.pdf

7. Installing Shiny Package
Bottom right window
Packages
Select Install

8. Installing Shiny Package

9. Selecting Shiny Package

10. File > New File > R Script
Creating New R File

11. Run
Shiny Demo
Run Demo in R script Demo in the Browser
Place cursor on the line or
select runExample(“04_mpg”)

12. Closing Demo App

13. Practice 1: Open Shiny App
Download and unzip word-cloud.zip Set Directory to word-cloud folder

14. Practice 1: Open Shiny App
File > Open File Select IU.R - User Interface File

15. Practice 1: Run Shiny App

16. Practice 1: Run Shiny App

17. UI.R - Layout

18. Practice 2: Identify Elements in UI.R
Strings - “green”
Numbers - blue
Functions, Variables - black
Comments - # green

19. HTML Tags
• h1() = header1
• br() = line break
• p() = paragraph
• hr() = line
http://shiny.rstudio.com/articles/tag-glossary.html

20. Change Title
Add subtitle
Add line break
Add horizontal line
Save File (File>Save)
RunApp
Practice 3: HTML Title Panel

21. Add paragraph
Save File (File>Save)
RunApp
Practice 3: HTML Main Panel

22. Possible Errors - Syntax
Missing Commas

23. Create New Shiny App
Layout Functions and Data

24. Create New Shiny App

25. Layout Guide and Tutorial
• http://deanattali.com/blog/building-shiny-apps-tutorial/
• https://shiny.rstudio.com/articles/layout-guide.html

26. Sidebar Position

27. fluidPage()
• Creates a display that automatically adjusts to the dimensions
of your user’s browser window
• fluidRow() - creates a row that adjusts to the dimensions of the
browser
• column() - create a column within the row

28. Creating Columns
fluidPage(
....
fluidRow(
column(5,
#content
)
)
Maximum - 12: can create columns of any size <=12

29. Creating Columns
fluidPage(
fluidRow(
column(5,
#content
),
column(3
)
))
Maximum - 12: can create columns of any size <=12

30. Practice 4: Creating New Columns and New Rows
• Add two more columns of size 4 and 3
• Add a title to each new column with h3()
• Create the content for each title
• Create a paragraph in each column
• Create a new Row and a column of size 12 with horizontal line hr() and title
h3()

31. Practice 4: Creating New Columns and New Rows

32. Shiny Dashboard Package
• Install
shinydashboard
package
• Select
shinydashboard
The dashboardPage() function expects
three components: a header, sidebar,
and body

33. Practice 5: Create Dashboard
• https://rstudio.github.io/shinydashboard/structure.html

34. Credits - Images
• https://www.rstudio.com/wp-content/uploads/2014/07/RStudio-Logo-Blue-Gradient.png
• http://www.mcclellandlegge.com/img/shiny-logo.png
• http://deanattali.com/blog/building-shiny-apps-tutorial/
• http://littleactuary.github.io/blog/Web-application-framework-with-Shiny/
• https://shiny.rstudio.com/
• http://dss.princeton.edu/training/RStudio101.pdf