Story1 readme by PlushZ · Pull Request #23 · StreetScienceCommunity/DNAnalyzer

PlushZ · 2022-02-25T20:30:18Z

No description provided.

netlify · 2022-02-25T20:30:24Z

✔️ Deploy Preview for gifted-lamarr-66fdcf ready!

🔨 Explore the source changes: e968c95

🔍 Inspect the deploy log: https://app.netlify.com/sites/gifted-lamarr-66fdcf/deploys/62193d273e089c0008d94d93

😎 Browse the preview: https://deploy-preview-23--gifted-lamarr-66fdcf.netlify.app

bebatut

Some cosmetic changes

bebatut · 2022-02-28T08:48:23Z

README.md

+
+## How can I add a new level to the game?
+
+1. Create a new directory game/levelX, where X is the number of new level. 


Suggested change

1. Create a new directory game/levelX, where X is the number of new level.

1. Create a new folder `game/levelX`, where X is the number of new level.

bebatut · 2022-02-28T08:58:44Z

README.md

+2. In game/levelX:
+
+- Create slides.html using markdown pattern:
+
+```
+---
+layout: slides
+title: Level X - <title of level>
+
+---
+### Title
+content of slide
+![alternative text for image] (images/<name of image file>)
+
+[Source/link to original image]
+
+???
+
+Text for the voice
+Split by sentence
+1 sentence starting with “-”
+
+```
+
+- Create a folder “images”, put all images used in slides.html for this level there
+
+- Create index.md using pattern:
+
+ For NOT last level:
+
+```
+---
+layout: level
+title: DNAnalyzer
+description: 'Level X - <name of level>’
+image: /images/index.png
+quiz: <Embed HTML of google form used for this level quiz>
+scores: <Embed HTML of google sheets used for this level scores>
+---
+
+[**Next level**]({{ site.baseurl }}{% link game/level<X+1>/index.md %}){:.button .is-link .is-large}
+```
+
+ For last level:
+
+```
+---
+layout: level
+title: DNAnalyzer
+description: 'Level X - <name of level>’
+image: /images/index.png
+quiz: <Embed HTML of google form used for this level quiz>
+scores: <Embed HTML of google sheets used for this level scores>
+---
+
+[**Results**](http://streetscience.community/DNAnalyzer/index#results){:.button .is-link .is-large}
+```
+
+- Generate video (see section “Generate videos”) from slides.html. Add video with name video.mp4


Suggested change

2. In game/levelX:

- Create slides.html using markdown pattern:

```

---

layout: slides

title: Level X - <title of level>

---

### Title

content of slide

![alternative text for image] (images/<name of image file>)

[Source/link to original image]

???

Text for the voice

Split by sentence

1 sentence starting with “-”

```

- Create a folder “images”, put all images used in slides.html for this level there

- Create index.md using pattern:

For NOT last level:

```

---

layout: level

title: DNAnalyzer

description: 'Level X - <name of level>’

image: /images/index.png

quiz: <Embed HTML of google form used for this level quiz>

scores: <Embed HTML of google sheets used for this level scores>

---

[**Next level**]({{ site.baseurl }}{% link game/level<X+1>/index.md %}){:.button .is-link .is-large}

```

For last level:

```

---

layout: level

title: DNAnalyzer

description: 'Level X - <name of level>’

image: /images/index.png

quiz: <Embed HTML of google form used for this level quiz>

scores: <Embed HTML of google sheets used for this level scores>

---

[**Results**](http://streetscience.community/DNAnalyzer/index#results){:.button .is-link .is-large}

```

- Generate video (see section “Generate videos”) from slides.html. Add video with name video.mp4

2. In `game/levelX` folder

1. Create `slides.html` file and write content in Markdown, with some metadata in YAML on the top:

```

---

layout: slides

title: Level X - <title of level>

---

### Title

content of slide

![alternative text for image](images/<name of image file>)

[Source/link to original image]()

???

- Text for the voice

- Split by sentence

- 1 sentence starting with "-”

```

2. Create a folder `images`, put all images used in `slides.html` for this level there

3. Create `index.md` file:

- If **NOT** last level:

```

---

layout: level

title: DNAnalyzer

description: 'Level X - <name of level>’

image: /images/index.png

quiz: <Embed HTML of google form used for this level quiz>

scores: <Embed HTML of google sheets used for this level scores>

---

[**Next level**]({{ site.baseurl }}{% link game/level<X+1>/index.md %}){:.button .is-link .is-large}

```

- If last level:

```

---

layout: level

title: DNAnalyzer

description: 'Level X - <name of level>’

image: /images/index.png

quiz: <Embed HTML of google form used for this level quiz>

scores: <Embed HTML of google sheets used for this level scores>

---

[**Results**](http://streetscience.community/DNAnalyzer/index#results){:.button .is-link .is-large}

```

4. Check the slides and the page:

1. [Launching the website locally](#how-can-i-generate-the-website-locally)

2. Visit

- `http://127.0.0.1:4000/DNAnalyzer/game/levelX/slides.html` for the slides

- `http://127.0.0.1:4000/DNAnalyzer/game/levelX` for the page

4. [Generate video](#generate-videos) from the slides

5. Upload the video and YouTube

bebatut · 2022-02-28T09:16:35Z

README.md

+### How can I create a quiz for a new level?
+Quiz is realized with google forms. Results are located in Google Sheets https://drive.google.com/drive/folders/19Hiaqqvoue3M2YpA-LePUFe81fmZdNbu 
+
+1. Create google form with questions based on content of slides.html
+
+- First required question is “Your Username (use the same Username at all levels)”
+
+- Turn on the option “Limit to 1 response”
+
+- Set up correct answers and points for every question
+
+2. Link google form with google sheet 
+
+- Create new page”lvlX”  in google sheet https://docs.google.com/spreadsheets/d/1lPF_mXTmSa4BJDRjnd6_pwXCia7NDxlDJ6VlRMM0K18/edit#gid=906511743
+
+- Link gform with this page responses -> create google sheet -> select existing google sheet
+
+3. In scores google sheet
+
+- Create page “Level X” which will be cleaned up from unneeded information and shared in game
+
+- Add 2 columns “Username” with formula =’lvlX’!A:A, “Score” with formula =’lvlX’!B:B
+
+- In the page “Results” open hidden columns with levels, add level X with formula ==IFERROR(VLOOKUP(A:A,'Level X'!A:B,2,FALSE),"")
+
+- In column “Max level” add new sum term +IF(ISNUMBER(X:X),1,0) in formula, where X is column for new added level
+
+- In column “Final score” change the range of cells, make sure that cells with a new added level are taken into account.


Suggested change

### How can I create a quiz for a new level?

Quiz is realized with google forms. Results are located in Google Sheets https://drive.google.com/drive/folders/19Hiaqqvoue3M2YpA-LePUFe81fmZdNbu

1. Create google form with questions based on content of slides.html

- First required question is “Your Username (use the same Username at all levels)”

- Turn on the option “Limit to 1 response”

- Set up correct answers and points for every question

2. Link google form with google sheet

- Create new page”lvlX” in google sheet https://docs.google.com/spreadsheets/d/1lPF_mXTmSa4BJDRjnd6_pwXCia7NDxlDJ6VlRMM0K18/edit#gid=906511743

- Link gform with this page responses -> create google sheet -> select existing google sheet

3. In scores google sheet

- Create page “Level X” which will be cleaned up from unneeded information and shared in game

- Add 2 columns “Username” with formula =’lvlX’!A:A, “Score” with formula =’lvlX’!B:B

- In the page “Results” open hidden columns with levels, add level X with formula ==IFERROR(VLOOKUP(A:A,'Level X'!A:B,2,FALSE),"")

- In column “Max level” add new sum term +IF(ISNUMBER(X:X),1,0) in formula, where X is column for new added level

- In column “Final score” change the range of cells, make sure that cells with a new added level are taken into account.

### How can I create a quiz for a new level?

Quiz is realized with google forms. Results are located in [Google spreadsheet](https://drive.google.com/drive/folders/19Hiaqqvoue3M2YpA-LePUFe81fmZdNbu )

1. Create google form with questions based on content of `slides.html`:

- First required question is “Your Username (use the same Username at all levels)”

- Turn on the option “Limit to 1 response”

- Set up correct answers and points for every question

2. Link Google form with Google spreadsheet

- Create new sheet ”lvlX” in [Google spreadsheet](https://docs.google.com/spreadsheets/d/1lPF_mXTmSa4BJDRjnd6_pwXCia7NDxlDJ6VlRMM0K18/edit#gid=906511743)

- Link Google form with this page responses

- Create Google sheet

- Select existing Google sheet

3. In the [scoring Google spreadsheet]()

- Create page “Level X” which will be cleaned up from unneeded information and shared in game

- Add 2 columns

- `Username` with formula `=’lvlX’!A:A`

- “Score` with formula `=’lvlX’!B:B`

- In the sheet “Results”,

- Open hidden columns with levels

- Add a column `level X` with formula `==IFERROR(VLOOKUP(A:A,'Level X'!A:B,2,FALSE),"")`

- In column `Max level`: add new sum term `+IF(ISNUMBER(X:X),1,0)` in formula, where `X` is column for new added level

- In column `Final score`

- Change the range of cells

- Make sure that cells with a new added level are taken into account.

bebatut · 2022-02-28T09:20:54Z

README.md

+#### Colour codes
+
+#aabeff4b - footer and header colours
+#b1c4ff1a - background colour
+#E5f0f9 - colour used in gforms and gsheets


Suggested change

#### Colour codes

#aabeff4b - footer and header colours

#b1c4ff1a - background colour

#E5f0f9 - colour used in gforms and gsheets

# Website color code

- Footer and header: `#aabeff4b`

- Background: `#b1c4ff1a`

- Color used in Google forms and spreadsheets: `#E5f0f9`

PlushZ added 2 commits February 25, 2022 21:21

add instruction to readme and change level numeration

c8775bd

readme formatting

e696b82

add colour codes to readme

e968c95

bebatut reviewed Feb 28, 2022

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Story1 readme#23

Story1 readme#23
PlushZ wants to merge 3 commits intoStreetScienceCommunity:mainfrom
PlushZ:story1_readme

PlushZ commented Feb 25, 2022

Uh oh!

netlify bot commented Feb 25, 2022 •

edited

Loading

Uh oh!

bebatut left a comment

Uh oh!

bebatut Feb 28, 2022

Uh oh!

bebatut Feb 28, 2022

Uh oh!

bebatut Feb 28, 2022

Uh oh!

bebatut Feb 28, 2022

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants


		## How can I add a new level to the game?

		1. Create a new directory game/levelX, where X is the number of new level.

	1. Create a new directory game/levelX, where X is the number of new level.
	1. Create a new folder `game/levelX`, where X is the number of new level.

Conversation

PlushZ commented Feb 25, 2022

Uh oh!

netlify bot commented Feb 25, 2022 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

bebatut left a comment

Choose a reason for hiding this comment

Uh oh!

bebatut Feb 28, 2022

Choose a reason for hiding this comment

Uh oh!

bebatut Feb 28, 2022

Choose a reason for hiding this comment

Uh oh!

bebatut Feb 28, 2022

Choose a reason for hiding this comment

Uh oh!

bebatut Feb 28, 2022

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

netlify bot commented Feb 25, 2022 •

edited

Loading