w4 slides

emse-madd-gwu · Sep 16, 2024 · 36f86e7 · 36f86e7
1 parent 8f46f2b
commit 36f86e7
Show file tree

Hide file tree

Showing 11 changed files with 888 additions and 274 deletions.
diff --git a/class/4-intro-to-surveydown/4-intro-to-surveydown.pdf b/class/4-intro-to-surveydown/4-intro-to-surveydown.pdf
diff --git a/class/4-intro-to-surveydown/demoSurvey/demoSurvey.qmd b/class/4-intro-to-surveydown/demoSurvey/demoSurvey.qmd
@@ -86,11 +86,7 @@ sd_question(
   label  = "In what year were you born?",
   option = years
 )
-```
-
-<br>
 
-```{r}
 sd_next(next_page = 'page2')
 ```
 
@@ -107,11 +103,7 @@ sd_question(
   label = "Choose a color:",
   option = c("Red" = "red", "Blue" = "blue")
 )
-```
 
-<br>
-
-```{r}
 sd_next(next_page = 'nasa_data')
 ```
 
@@ -154,8 +146,6 @@ data2020 <- data %>%
 
 The temperature anomaly in 2020 was `r data2020$meanTemp` degrees Celsius.
 
-<br>
-
 ```{r}
 sd_next(next_page = 'image')
 ```

diff --git a/class/4-intro-to-surveydown/index.Rmd b/class/4-intro-to-surveydown/index.Rmd
@@ -79,7 +79,9 @@ class: middle
 .rightcol[
 
 <center>
-<img src="images/survey-screenshot.png" width=400>
+<img src="images/components_01.jpeg" width=400>
+<img src="images/components_02.jpeg" width=400>
+<img src="images/components_03.jpeg" width=400>
 </center>
 
 ]
@@ -99,6 +101,16 @@ filters: [surveydown]
 ---
 ```
 
+--
+
+Update / install the extension:
+
+```{r}
+#| eval: false
+
+surveydown::sd_update_extension()
+```
+
 ---
 
 ## Change the survey theme 
@@ -135,7 +147,7 @@ You can modify the survey progress bar with the `barcolor` and `barposition` key
 
 .leftcol[
 
-Change to any color you want with the `barcolor` key:
+Change to any color with `barcolor`:
 
 ``` yaml
 ---
@@ -147,7 +159,7 @@ barcolor: #768692
 
 .rightcol[
 
-Change the position, use `top`, `bottom`, or `none`
+Change position: `top`, `bottom`, or `none`
 
 ``` yaml
 ---
@@ -159,13 +171,22 @@ barposition: bottom
 
 ---
 
+.leftcol[
+
 ## 2. Setup code chunk
 
-The setup chunk is the first chunk, usually looks like this.
+First chunk:
 
-It's where you load libraries and connect your database
+- Load libraries 
+- Connect to database
 
-Ignore this for now - we'll connect our database soon!
+Ignore this for now:
+
+`ignore = TRUE`
+
+]
+
+.rightcol[
 
 ````markdown
 `r ''````{r}
@@ -194,6 +215,8 @@ db <- sd_database(
 ```
 ````
 
+]
+
 ---
 
 ## 3. Survey body
@@ -512,7 +535,7 @@ class: inverse
 
 ```{r, echo=FALSE}
 countdown(
-  minutes   = 7,
+  minutes   = 10,
   top       = 0,
   right     = 0,
   font_size = '2em'
@@ -547,7 +570,9 @@ countdown(
 
 ---
 
-Content on deploying to shinyapps.io
+class: middle, center
+
+# Follow [instructions](https://surveydown.org/deployment) on surveydown.org
 
 ---
 

diff --git a/class/4-intro-to-surveydown/index.html b/class/4-intro-to-surveydown/index.html
@@ -138,7 +138,9 @@
 .rightcol[
 
 &lt;center&gt;
-&lt;img src="images/survey-screenshot.png" width=400&gt;
+&lt;img src="images/components_01.jpeg" width=400&gt;
+&lt;img src="images/components_02.jpeg" width=400&gt;
+&lt;img src="images/components_03.jpeg" width=400&gt;
 &lt;/center&gt;
 
 ]
@@ -158,6 +160,15 @@
 ---
 ```
 
+--
+
+Update / install the extension:
+
+
+``` r
+surveydown::sd_update_extension()
+```
+
 ---
 
 ## Change the survey theme 
@@ -194,7 +205,7 @@
 
 .leftcol[
 
-Change to any color you want with the `barcolor` key:
+Change to any color with `barcolor`:
 
 ``` yaml
 ---
@@ -206,7 +217,7 @@
 
 .rightcol[
 
-Change the position, use `top`, `bottom`, or `none`
+Change position: `top`, `bottom`, or `none`
 
 ``` yaml
 ---
@@ -218,13 +229,22 @@
 
 ---
 
+.leftcol[
+
 ## 2. Setup code chunk
 
-The setup chunk is the first chunk, usually looks like this.
+First chunk:
 
-It's where you load libraries and connect your database
+- Load libraries 
+- Connect to database
 
-Ignore this for now - we'll connect our database soon!
+Ignore this for now:
+
+`ignore = TRUE`
+
+]
+
+.rightcol[
 
 ````markdown
 ```{r}
@@ -253,6 +273,8 @@
 ```
 ````
 
+]
+
 ---
 
 ## 3. Survey body
@@ -466,7 +488,7 @@
 
 class: inverse
 
-<div class="countdown" id="timer_233bfd30" data-update-every="1" tabindex="0" style="top:0;right:0;font-size:2em;">
+<div class="countdown" id="timer_33b060fd" data-update-every="1" tabindex="0" style="top:0;right:0;font-size:2em;">
 <div class="countdown-controls"><button class="countdown-bump-down">&minus;</button><button class="countdown-bump-up">&plus;</button></div>
 <code class="countdown-time"><span class="countdown-digits minutes">15</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
@@ -585,9 +607,9 @@
 
 class: inverse
 
-<div class="countdown" id="timer_9803544a" data-update-every="1" tabindex="0" style="top:0;right:0;font-size:2em;">
+<div class="countdown" id="timer_f6ebafbd" data-update-every="1" tabindex="0" style="top:0;right:0;font-size:2em;">
 <div class="countdown-controls"><button class="countdown-bump-down">&minus;</button><button class="countdown-bump-up">&plus;</button></div>
-<code class="countdown-time"><span class="countdown-digits minutes">07</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
+<code class="countdown-time"><span class="countdown-digits minutes">10</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
 
 ## Your turn
@@ -602,7 +624,7 @@
 
 # .fancy[Break]
 
-<div class="countdown" id="timer_2dafebc2" data-update-every="1" tabindex="0" style="top:1;right:0;bottom:0;left:0;margin:5%;font-size:8em;">
+<div class="countdown" id="timer_db085e8e" data-update-every="1" tabindex="0" style="top:1;right:0;bottom:0;left:0;margin:5%;font-size:8em;">
 <div class="countdown-controls"><button class="countdown-bump-down">&minus;</button><button class="countdown-bump-up">&plus;</button></div>
 <code class="countdown-time"><span class="countdown-digits minutes">05</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
@@ -625,7 +647,9 @@
 
 ---
 
-Content on deploying to shinyapps.io
+class: middle, center
+
+# Follow [instructions](https://surveydown.org/deployment) on surveydown.org
 
 ---
 
@@ -868,7 +892,7 @@
 
 class: inverse, center, middle
 
-# [Blog post on conjoint in surveydown]()
+# [Blog post on conjoint in surveydown](https://surveydown.org/blog/2024-08-28-choice-based-conjoint-surveys-with-surveydown/)
 
 --