Intro to formr

.leftcol30[
<center>
<img src="https://github.com/emse-madd-gwu/emse-madd-gwu.github.io/raw/master/images/madd_hex_sticker.png" width=250>
</center>
]

### <svg style="height:0.8em;top:.04em;position:relative;fill:white;" viewBox="0 0 512 512"><path d="M496 128v16a8 8 0 0 1-8 8h-24v12c0 6.627-5.373 12-12 12H60c-6.627 0-12-5.373-12-12v-12H24a8 8 0 0 1-8-8v-16a8 8 0 0 1 4.941-7.392l232-88a7.996 7.996 0 0 1 6.118 0l232 88A8 8 0 0 1 496 128zm-24 304H40c-13.255 0-24 10.745-24 24v16a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8v-16c0-13.255-10.745-24-24-24zM96 192v192H60c-6.627 0-12 5.373-12 12v20h416v-20c0-6.627-5.373-12-12-12h-36V192h-64v192h-64V192h-64v192h-64V192H96z"/></svg> EMSE 6035: Marketing Analytics for Design Decisions
### <svg style="height:0.8em;top:.04em;position:relative;fill:white;" viewBox="0 0 448 512"><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"/></svg> John Paul Helveston
### <svg style="height:0.8em;top:.04em;position:relative;fill:white;" viewBox="0 0 448 512"><path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"/></svg> September 22, 2021
]

---

# .center[**Reminders**]

# - Proposals due Sunday, 9/26 by midnight

# - No class next week - team meetings instead

---

# Week 4: .fancy[Intro to formr]

### 1. Surveys in R
### 2. Surveys in formr

### BREAK

### 3. Conjoint survey components

---

# Week 4: .fancy[Intro to formr]

### 1. .orange[Surveys in R]
### 2. Surveys in formr

### BREAK

### 3. Conjoint survey components

---

# Start in RMarkdown

## See `demoSurvey.Rmd`

---

# Some Guidelines

- Use `---` to indicate new pages (this inserts a horizontal line)

- Be sure that any data / images are hosted somewhere on the web

- Consider each new page a **New R Session** (reload libraries, etc.)

---

# Embedding images

I recommend just writing html code, like this

```html
<img src="https://github.com/emse-madd-gwu/2021-Fall/raw/master/images/madd_hex_sticker.png" width=300>
```

---

# Centered image

I recommend just writing html code, like this

```html
<center>
<img src="https://github.com/emse-madd-gwu/2021-Fall/raw/master/images/madd_hex_sticker.png" width=300>
</center>
```

---

# Check your urls carefully!

<br>

This is the link to the Github page with the class logo image:

https://github.com/emse-madd-gwu/2021-Fall/blob/master/images/madd_hex_sticker.png

This is the link to the actual image:

https://raw.githubusercontent.com/emse-madd-gwu/2021-Fall/master/images/madd_hex_sticker.png

---

## Think Pair Share

- Open and edit the `practiceSurvey.Rmd` file.
- Pick a topic for your survey (a food, an animal, a sports team...whatever).
- Draft a survey about that topic. Include the following:
    - Page 1: A welcome message in large font ("Welcome to a survey about [topic]") and an image about the topic (find an image somewhere).
    - Page 2: Once simple multiple choice question about the topic (state the question and write the choice responses as bullets).
    - Page 3: Choose a data set from [this page](https://github.com/emse-eda-gwu/2021-Spring/tree/master/data) (pick a .csv file). Get the url to the .csv file you chose, read it in, and display only the first 6 rows of the data file (do not show any code - only the output of your code).
    - Page 4: Show the last 6 rows of the same data file (again, only the output - hide all code).
    
---

# Week 4: .fancy[Intro to formr]

### 1. Surveys in R
### 2. .orange[Surveys in formr]

### BREAK

### 3. Conjoint survey components

---

# formr principles

<br>

## - Use _RMarkdown / html_ to create survey elements

## - Define surveys in _Google Sheets_

## - Import Google Sheets into formr _surveys_

## - Link surveys together in formr _runs_

---

# [Demo survey](https://docs.google.com/spreadsheets/d/13jSdlIDFRVsIHbiObgyZlPTGovIcB-xDQ0dkhL75fZQ/edit?usp=sharing)

---

# .center[formr row types [(more here)](https://formr.org/documentation#available_items)]

Type | Description
-----|---------------------
`note` | Display content in `label` column 
`submit` | Next page button
`mc` | Multiple choice question (single choice) 
`mc_multiple` | Multiple choice question (multiple choices) 
`mc_button` | Multiple choice question (large buttons)
`select_one` | Drop down menu (choose one)
`text` | Open text, single row
`textarea` | Open text, block

---

# Two ways to define choice options

<center>
<img src="images/choices.png" width=100%>
</center>
]

Example: "Year of birth" in demo survey
]

---

# Control the way things look in `class` column

# ([options here](https://formr.org/documentation#sample_survey_sheet))

---

# Importing survey into formr

### formr.org --> Admin --> Surveys --> Create new survey

### (Make sure your Google Sheet is visible!)

---

# Make a run

## formr.org --> Admin --> Runs --> Create new run

<br>
# Insert survey with <svg style="height:0.8em;top:.04em;position:relative;" viewBox="0 0 448 512"><path d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zM238.1 177.9L102.4 313.6l-6.3 57.1c-.8 7.6 5.6 14.1 13.3 13.3l57.1-6.3L302.2 242c2.3-2.3 2.3-6.1 0-8.5L246.7 178c-2.5-2.4-6.3-2.4-8.6-.1zM345 165.1L314.9 135c-9.4-9.4-24.6-9.4-33.9 0l-23.1 23.1c-2.3 2.3-2.3 6.1 0 8.5l55.5 55.5c2.3 2.3 6.1 2.3 8.5 0L345 199c9.3-9.3 9.3-24.5 0-33.9z"/></svg>

<br>
# Insert stop with <svg style="height:0.8em;top:.04em;position:relative;" viewBox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z"/></svg>

---

## Change order by adjusting numbers & clicking "Reorder"

---

# Make it "live" with the volume buttons

---

# Fine tune look & feel in "Settings"

---

## Think Pair Share

- Using your team's Google account, create a new survey spreadsheet<br>(you may wish to copy-paste from [this one](https://docs.google.com/spreadsheets/d/13jSdlIDFRVsIHbiObgyZlPTGovIcB-xDQ0dkhL75fZQ/edit#gid=1611481919))
- Name your sheet "`[netID]practice`", replacing "`[netID]`" with your GW Net ID<br>(e.g. "`jphpractice`")
- Insert the content in your `practiceSurvey.Rmd` file into your Google Sheet. 
- Using your team's formr account, import your Google Sheet as a survey in formr (use the same "`[netID]practice`" name for your survey). 
- Create a run that includes your survey and a stop.
- Test it!

---

# .fancy[Break]

---

# Week 4: .fancy[Intro to formr]

### 1. Surveys in R
### 2. Surveys in formr

### BREAK

### 3. .orange[Conjoint survey components]

---

# 3 Parts

<br>

- ### **Part 1**: Intro
- ### **Part 2**: Conjoint questions
- ### **Part 3**: Other / demographic questions

---

# 3 Parts

<br>

- ### **Part 1**: Intro --> .red[screen for target population]
- ### **Part 2**: Conjoint questions --> .red[screen for random answers]
- ### **Part 3**: Other / demographic questions

---

# .center[Think of your survey as a _conversation_]

<br>

- Include "transition" pages (e.g. Great job! Now we'll ask you about...)

---

# **Part 1**: Intro

---

# Start with a welcome page

---

---

## **Eligibility questions**: who is your target population?

### .red[_Filter out respondents here_]

---

# **Part 2**: Conjoint questions

---

# Education information

---

# Education information

---

## .center[Can be helpful to provide relative comparisons]

Weight:

- 1/2 lbs (similar to 1 cup water)
- 8 lbs (similar to 1 gallon of milk)

---

# Conjoint intro

---

## Practice conjoint (also attention check)

### .red[_May also filter out respondents here_]

---

# Transition to actual conjoint questions

---

### .red[_May also filter out respondents at the end_]

(e.g. chose all same answers)
]

---

# **Part 3**: Other / demographic questions

---

# Transition

---

# Critical respondent information

---

class: center
 
# Demographic / other questions
 
<center>
<img src="images/11demo.png" width=500>
</center>

---

# Finale

---

# [Blog post on conjoint in formr](https://www.jhelvy.com/posts/2021-09-18-choice-based-conjoint-surveys-in-r-with-formr/)

# [Project survey plan](https://madd.seas.gwu.edu/2021-Fall/p2-survey-plan.html)

# Sign up for meeting slot next week<br>(link in #project channel)