Lecy ∙ Data-Driven Management Lecture 12 Building Shiny Apps.

Slides:

Advertisements

Similar presentations

HTML Forms. collect information for passing to server- side processes built up from standard widgets –text-input, radio buttons, check boxes, option lists,

Advertisements

Microsoft Expression Web-Illustrated Unit J: Creating Forms.

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.

Dreamweaver Forms Overview. Forms – A Little Review Most user/webpage communication is one way, like this: Most user/webpage communication is one way,

Tutorial 6 Creating a Web Form

Supplement Creating Forms. Objectives Show how forms are used How to create the Form element HTML elements used for creating input fields.

T HE S HINY A PP Presented by: Lance Cundy Great Plains R Users Group November 15, 2013.

Creating Web Page Forms. Objectives Describe how Web forms can interact with a server-based program Insert a form into a Web page Create and format a.

Visual Basic for Applications Class III. User Forms  We place controls on User Forms to get input from the user.  Common controls include text boxes,

CGI Programming: Part 1. What is CGI? CGI = Common Gateway Interface Provides a standardized way for web browsers to: –Call programs on a server. –Pass.

Tutorial 6 Forms Section A - Working with Forms in JavaScript.

CST JavaScript Validating Form Data with JavaScript.

Chapter 9 Working with Forms. Principles of Web Design 2nd Ed. Chapter 9 2 Principles of Web Design Chapter 9 Objectives Understand how forms work Understand.

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.

WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.

Database-Driven Web Sites, Second Edition1 Chapter 8 Processing ASP.NET Web Forms and Working With Server Controls.

Chapter 5 Java Script And Forms JavaScript, Third Edition.

Chapter 6: Forms JavaScript - Introductory. Previewing the Product Registration Form.

© 2011 Delmar, Cengage Learning Chapter 9 Collecting Data with Forms.

Yahoo! User Interface (YUI) Library Natly Mekdara.

XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.

Tutorial 10 Adding Spry Elements and Database Functionality Dreamweaver CS3 Tutorial 101.

SHINING WITH SHINY: INTRODUCING A WEB APPLICATION FRAMEWORK FOR R Gokul Bhandari.

Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy

10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.

Creating a Web Site to Gather Data and Conduct Research.

Dreamweaver – Dreamweaver Extras Web Design Section 8-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

CSCI 6962: Server-side Design and Programming Introduction to Java Server Faces.

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

Working with Forms. How Forms Work Forms let you build interactive Web pages that collect information from a user and process it on the Web server The.

JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.

Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.

 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.

LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.

HTML FORMS GET/POST METHODS. HTML FORMS HTML Forms HTML forms are used to pass data to a server. A form can contain input elements like text fields, checkboxes,

XHTML & Forms. PHP and the WWW PHP and HTML forms – Forms are the main way users can interact with your PHP scrip Typical usage of the form tag in HTML.

Week 12 Working with Forms Objectives Understand how forms work Understand form syntax Create input objects Build forms within tables Build and.

TJ 3043 – Web Application Development HTML Form. 2.0 Forms A form is the usual way to communicate information from a Web browser to a server HTML has.

Creating Web Page Forms. Introducing Web Forms Web forms collect information from users Web forms include different control elements including: –Input.

Microsoft FrontPage 2003 Illustrated Complete Creating a Form.

HTML Form Widgets. Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back.

HTML Forms. Slide 2 Forms (Introduction) The purpose of input forms Organizing forms with a and Using different element types to get user input A brief.

Session 8: Working with Form iNET Academy Open Source Web Development.

TJ 3043 – Web Application Development HTML Form. 2.0 Forms - A form is the usual way information is gotten from a browser to a server - HTML has tags.

Copyright © 2015 Pearson Education, Inc. Publishing as Pearson Addison-Wesley C H A P T E R 13 GUI Programming.

Intro to Forms  HTML forms are used to gather information from end-users.  A form can contain elements like radio- buttons, text fields, checkboxes,

 2001 Prentice Hall, Inc. All rights reserved. Chapter 7 - Introduction to Common Gateway Interface (CGI) Outline 7.1Introduction 7.2A Simple HTTP Transaction.

WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.

HTML FORMS The TEXT Object Presented By: Ankit Gupta.

Creating Web Page Forms COE 201- Computer Proficiency.

Unit 2 — The Exciting World of JavaScript Lesson 7 — Creating Forms with JavaScript.

Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

Tutorial 6 Creating a Web Form

HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.

Lesson 5 Introduction to HTML Forms. Lesson 5 Forms A form is an area that can contain form elements. Form elements are elements that allow the user to.

Interstage BPM v11.2 1Copyright © 2010 FUJITSU LIMITED FORMS.

CSCI 6962: Server-side Desig n and Programming ASP Server Controls.

Ashima Wadhwa Java Script And Forms. Introduction Forms: –One of the most common Web page elements used with JavaScript –Typical forms you may encounter.

Creating and Processing Web Forms

Topics Graphical User Interfaces Using the tkinter Module

© 2016, Mike Murach & Associates, Inc.

Using Shiny to Build Web Applications

Section 10.1 YOU WILL LEARN TO… Define scripting

Forms, cont’d.

Using Shiny to Build Web Applications

Topics Graphical User Interfaces Using the tkinter Module

TA: Nouf Al-Harbi NoufNaief.net :::

Presentation transcript:

Lecy ∙ Data-Driven Management Lecture 12 Building Shiny Apps

# install.packages( "shiny" ) library( shiny ) runGitHub( repo="shiny", username="lecy") RUN A SHINY APP FROM GITHUB:

ANATOMY OF A SHINY APP Two main files: server.R ui.R User interface: Sidebar Panels – used to gather input Main Panel – used for tables and graphs Titles – label panels and output

STANDARD SHINY WIDGETS (INPUTS) Function NameWidget actionButtonAction Button checkboxGroupInputA group of check boxes checkboxInputA single check box dateInputA calendar to aid date selection dateRangeInputA pair of calendars for selecting a date range fileInputA file upload control wizard helpTextHelp text that can be added to an input form numericInputA field to enter numbers radioButtonsA set of radio buttons selectInputA box with choices to select from sliderInputA slider bar submitButtonA submit button textInputA field to enter text Note each function will store different input values: textInput = a single character element selectInput = character elements from a list sliderInput = two numbers in a range checkboxInput = T / F

WIDGET COMPONENTS Name for the widget. The user will not see this name, but you can use it to access the widget’s value. The name should be a character string. Label. This label will appear with the widget in your app. It should be a character string, but it can be an empty string "". actionButton( “submit", label = “Submit Your Form") How you will access the data on server.R: Input$name Creates an entry at Input$submit

Output FunctionCreates htmlOutputraw HTML imageOutputimage plotOutputplot tableOutputtable textOutputtext uiOutputraw HTML verbatimTextOutputtext OUTPUT FUNCTIONS: The output functions take R code and “render” it as HTML objects that can be used in web browsers in order to display your dashboard. They just translate from R to HTML.

ANATOMY OF A SHINY APP: DATA FLOW ui.R Input widgets Output functions server.R Load data Load packages Conduct analysis – generate tables and graphs collect parameters send rendered objects back to UI