R Shiny EPID 799C Fall 2017.

Slides:



Advertisements
Similar presentations
Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Advertisements

Shiny in R the fundamentals of getting started. What Is It? New package in R to create web apps Web app built entirely in R, but can also incorporate.
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
Client Side Dev. Toolkit HTML5 JavaScript CSS (and Less, but not today) Bootstrap Knockout.js Require.js (moving to Browserify) Toastr Visual Studio and.
Introduction to Android Development CS 5115 Fall 2013 September 23.
Web Sites for amateur radio. So You want to make a Web Site? There are several things you need to know about web sites before you start to think about.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
Introduction to ArcGIS API for JavaScript
NetTech Solutions Working with Web Elements Lesson 6.
Java Mobile Apps with GWT & PhoneGap Josh Marinacci, webOS Developer Advocate.
SHINING WITH SHINY: INTRODUCING A WEB APPLICATION FRAMEWORK FOR R Gokul Bhandari.
Sustainable SharePoint 2010 Customizations By Bill Keys.
Developer TECH REFRESH 15 Junho 2015 #pttechrefres h Web Going Foward.
INTRODUCTION TO WORDPRESS. About WordPress The free service that we will use from WordPress is often used as blogging software – very little knowledge.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
WEBMATRIX Microsoft Pranav Rastogi.
Louisa Lambregts, Louisa Lambregts
Esri UC 2014 | Technical Workshop | Operations Dashboard for ArcGIS: Extending the Functionality Jay Chen Kylie Donia Tif Pun.
Extending the Operations Dashboard
ASP.Net MVC Extensibility, scalability and testability Andrew Locatelli Woodcock.
Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.
Web Development in Microsoft Visual Studio 2013 / 2015.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Louisa Lambregts, Louisa Lambregts
Introduction to JavaScript MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/2/2016.
Follow Up. Can one change the appearance of the alert/confirm/prompt box? The default Alert box can be customized (or over-ridden) by JavaScript + CSS.
Learn AngularJS by Building 10 projects. Introduction to AngularJS An Open source web application framework by Google Written in JavaScript offers complete.
Tutorial 6 Creating a Web Form
 Lecture  Website language: ASP.net  Book name Beginning ASP.NET 4 in C# and VB 2.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Easy Way to Remove Watermarks from PDF. Well, if you just come across some specific PDF documents which features a few watermarks, would you like to remove.
Introduction to JavaScript MIS 3502, Fall 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 9/29/2016.
Programming vs. Packaged
ArcGIS API for javascript
Laravel vs CodeIgniter: Best of 2017
Shiny App with d3 data visualization
Shiny for RStudio Exploring Web Mapping Technology
Using JavaScript to Show an Alert
Personal Website Final Project
Client Side Dev.
Intro to Shiny Workshop (No, really, you can learn this)
Using the HTML and CSS Validation Services
Introduction to Redux Header Eric W. Greene Microsoft Virtual Academy
COP3530- Data Structures JSFiddle
JavaScript is a language that is used on any website to add tags, improve the function of the website and allow users to interact. When the development.
Unit 2, Lesson 5 Website Development Tools
User Interface / User Experience Demo
Unit 2, Lesson 5 Website Development Tools
CSS.
Web Development Tutorials for Beginners. The free tutorial helps beginners to learn how to code easily. A beginner can sign up for the tutorial to access.
Want To Learn Web Development Start with These 5 Tips.
NJUNS 2018.
Microsoft Ignite NZ October 2016 SKYCITY, Auckland.
Programming vs. Packaged
Bootstrap Components Reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.
Dynamic Web Pages JavaScript Jill Thomas Oct 14, 2003.
knitr and markdown EPID 799C Fall 2017
Module P3 Practical: Building a webapp in nodejs and
Unit 6 part 3 Test Javascript Test.
REDUCING BARRIERS TO TEACHING WITH R IN UNDERGRADUATE BIOLOGY
ხელმძღვანელი: დიმიტრი ქარაული
Web AppBuilder for ArcGIS
Collaborative Open Source Web Applications
Bootstrap Direct quote from source: bootstrap/
Telerik Testing Framework
Adding shine to Shiny improving the look of your UI
Blazor A new framework for browser-based .NET apps Ryan Nowak
Intro to Programming (in JavaScript)
Hosting Geodesign and Analysis Services in Your Portal for ArcGIS
Presentation transcript:

R Shiny EPID 799C Fall 2017

Today: Examples & Patterns Intro to Shiny Basics Dashboards Hands on Default app Births app Apps I’m working on R in other pathways (Javascript / D3)

But first! Web apps the usual way HTML/XML Javascript (D3, special APIs) CSS Prep work in multiple other languages / applications (ArcGIS, inkscape / photoshop, etc.) ^ Note: this is what “real” web folks ($$$ NYT) are currently doing, for the most part. Let’s look at an example: my final (WIP) project due next week. :/ www.unc.edu/~fliss/INLS641/project/

Why it’s hard Data and server setup can be annoying Building histograms by hand is no fun Requires multiple languages

Shiny Basics

Shiny Basics

Shiny Basics

Shiny Basics

Shiny Basics: Even More Widgets http://gallery.htmlwidgets.org/

Shiny Basics

Shiny Basics UI Can also directly write HTML (as functions) if you want to for max flexibility. Handles javascript and css too. Layouts: Base has layout tools, dashboard has some more.

Shiny Basics: Where to start? https://shiny.rstudio.com/gallery/ Gallery  Start Simple for a great place to start. Also multiple tutorials (of course!) online.

Improving Shiny: Dashboards with flexdashboard and shinydashboard Comparison of two options: flexdashboard shinydashboard* R Markdown Shiny UI code Super easy Not quite as easy Static or dynamic Dynamic CSS flexbox layout Bootstrap grid layout *What I use https://shiny.rstudio.com/articles/dashboards.html

RMarkdown flexdashboards http://rmarkdown.rstudio.com/flexdashboard/index.html

A CDC example https://gallery.shinyapps.io/CDCPlot/

Shiny Gadgets Lives inside R Studio as an AddIn Helps you do your analysis Design your own buttons! Written in shiny app/server syntax

Shinyapps.io Free or very cheap server space Integrates seamlessly with Rstudio Upload your completed apps with a click

Let’s Try! Default Shiny App Births shiny app Fancier apps (WIP) https://mikedolanfliss.shinyapps.io/NCDETECT_Prototype/ https://injuryfreenc.shinyapps.io/OpioidActionPlan/ D3/Javascript www.unc.edu/~fliss/INLS641/project/