Skip to content

Commit

Permalink
Merge pull request #29792 from code-dot-org/levelbuilder
Browse files Browse the repository at this point in the history
DTS (Levelbuilder > Staging) [robo-dts]
  • Loading branch information
deploy-code-org committed Jul 18, 2019
2 parents c51e9ca + 721441e commit 9be410d
Show file tree
Hide file tree
Showing 9 changed files with 162 additions and 13 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ Designing software means solving lots of little problems, all the time. The main

This process is useful for all kinds of things, but we are going to focus on using it for app design.

<!-- Translate the terms "Define", "Prepare", "Try", "Reflect" and change font size as needed-->
<!-- Translate the terms "Define", "Prepare", "Try", "Reflect" and change font size and positioning as needed-->
<div style="position: relative; text-align: center; font-size: 1em">
<img src="https://images.code.org/a157e5f67444573e19e980a507db16fb-image-1563319667694.png" alt="Design Process" style="width: 50%;">
<div style="position: absolute; top: 24%; left: 49.8%; transform: translateX(-49.8%); font-weight: bold;">Define</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,46 @@ description 'description here'
href 'path/to/html/in/asset/folder'
markdown <<MARKDOWN
# The Design Process
Designing software means solving lots of little problems, all the time. The main problem in software design is what to create in the first place.

<iframe src="https://docs.google.com/document/d/e/2PACX-1vS2GtTZLCnFf4QYXEswvBv_XHQBoYbyBDrqABx9FCRpHBndTD0VbpC34HuN56dBgQ6I3tMgKstI3r6G/pub?embedded=true" style="width: 800px; height: 600px"></iframe>
This process is useful for all kinds of things, but we are going to focus on using it for app design.

<!-- Translate the terms "Define", "Prepare", "Try", "Reflect" and change font size and positioning as needed-->
<div style="position: relative; text-align: center; font-size: 1em">
<img src="https://images.code.org/a157e5f67444573e19e980a507db16fb-image-1563319667694.png" alt="Design Process" style="width: 50%;">
<div style="position: absolute; top: 24%; left: 49.8%; transform: translateX(-49.8%); font-weight: bold;">Define</div>
<div style="position: absolute; top: 52%; left: 61%; transform: translateX(-61%); font-weight: bold;">Prepare</div>
<div style="position: absolute; top: 79%; left: 49.8%; transform: translateX(-49.8%); font-weight: bold;">Try</div>
<div style="position: absolute; top: 52%; left: 39%; transform: translateX(-39%); font-weight: bold;">Reflect</div>
</div>

* **Define**
* What kind of app would you like to create?
* What are your constraints?
* What does success look like?
* **Prepare**
* Brainstorm / research possible elements
* Compare pros and cons
* Make a plan
* **Try**
* Put your plan into action
* **Reflect**
* How do your results compare to the goals you set while defining the app?
* What can you learn from this or do better next time?
* What new problems have you discovered?

# What it Looks Like
Over the course of the next several weeks, you will have the opportunity to experiment with some existing games and design your own game based off of what you have learned. After creating your game, you will get the chance to present it to others and receive feedback. These steps are all critically important in the software industry, and getting practice with the elements of the design process will help you create better products more efficiently.

Here is what the coming weeks will hold as we learn more about the design process:

1. **Define & Prepare**
* Play existing games to get ideas and understand limitations
* Brainstorm and plan your new or modified app
1. **Try**
* Follow your plan to build an app
1. **Reflect & Edit**
* Swap apps with another group to help make your projects better
1. **Present**
* Show off your final product!
MARKDOWN
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,7 @@ description 'Try out your new skills on these different challenges!'

sublevels
level 'CSD Web Headings Forgot Dash in Font Size'
level 'CSD Web Headings Missing Paragraph Tag'
level 'CSD Web Headings Wrong Tag in Rule Set'
level 'CSD Web Headings Stylesheet Not Linked'
level 'CSD Web Headings Stylesheet Not Linked'
level 'CSD Web Headings Add Heading Rule'
10 changes: 6 additions & 4 deletions dashboard/config/scripts/levels/CSD U3 if else predict.level
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,9 @@
},
"show_debug_watch": "true",
"palette_category_at_start": "sprites",
"encrypted_examples": "otHtmdSvKzk2KdHkRXuP7DwmSrgKHjTVy6htuKX4oq3s3npbJAXd9nwMuMGE\ntdEi\n",
"encrypted_examples": [

],
"hide_share_and_remix": "false",
"disable_if_else_editing": "false",
"expand_debugger": "false",
Expand All @@ -105,16 +107,16 @@
"thumbnail_url": "https://images.code.org/8908998345f820fffd98b87770b7972d-image-1528751407890.52.13 PM.png",
"parent_level_id": 16087,
"name_suffix": "_2019",
"preload_asset_list": null,
"encrypted": "false",
"mini_rubric": "false",
"contained_level_names": [
"CSD U3 If Else predict question"
]
],
"preload_asset_list": null
},
"published": true,
"notes": "",
"audit_log": "[{\"changed_at\":\"2017-06-02 19:07:20 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2017-06-08 19:24:23 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-03-08 18:13:48 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-03-08 18:16:52 +0000\",\"changed\":[\"project_template_level_name\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-03-27 22:49:54 +0000\",\"changed\":[\"name\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-06-11 21:10:21 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-04-02 20:03:19 +0000\",\"changed\":[\"long_instructions\",\"code_functions\",\"encrypted_examples\",\"display_name\",\"start_blocks\",\"preload_asset_list\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-04-02 20:06:52 +0000\",\"changed\":[\"code_functions\",\"encrypted_examples\",\"preload_asset_list\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"}]",
"audit_log": "[{\"changed_at\":\"2017-06-02 19:07:20 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2017-06-08 19:24:23 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-03-08 18:13:48 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-03-08 18:16:52 +0000\",\"changed\":[\"project_template_level_name\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-03-27 22:49:54 +0000\",\"changed\":[\"name\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2018-06-11 21:10:21 +0000\",\"changed\":[\"markdown_instructions\",\"code_functions\",\"encrypted_examples\",\"contained_level_names\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-04-02 20:03:19 +0000\",\"changed\":[\"long_instructions\",\"code_functions\",\"encrypted_examples\",\"display_name\",\"start_blocks\",\"preload_asset_list\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-04-02 20:06:52 +0000\",\"changed\":[\"code_functions\",\"encrypted_examples\",\"preload_asset_list\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-07-18 17:17:01 +0000\",\"changed\":[\"code_functions\",\"encrypted_examples\",\"preload_asset_list\"],\"changed_by_id\":959,\"changed_by_email\":\"george.zhang@code.org\"}]",
"level_concept_difficulty": {
}
}]]></config>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<Weblab>
<config><![CDATA[{
"game_id": 58,
"created_at": "2019-07-17T23:19:56.000Z",
"level_num": "custom",
"user_id": 324,
"properties": {
"encrypted": "false",
"instructions_important": "false",
"long_instructions": "# Add Heading Rule\r\nHere's an opportunity to be creative and customize the text. \r\n\r\n \r\n # Do this\r\n * Add a heading rule.",
"mini_rubric": "false",
"hide_share_and_remix": "false",
"submittable": "false",
"start_sources": "{\r\n \"files\": [\r\n {\"name\": \"style.css\",\r\n \"data\": \"body {\\r\\n background: white;\\r\\n}\"\r\n },\r\n {\r\n \"name\": \"index.html\",\r\n \"data\": \"<!DOCTYPE html>\\r\\n<html>\\r\\n <head>\\r\\n <link rel=\\\"stylesheet\\\" href=\\\"style.css\\\">\\r\\n <\\/head>\\r\\n <body>\\r\\n <h1>Elephants<\\/h1>\\r\\n <h3>Fun facts about elephants:<\\/h3>\\r\\n <p>- Elephants are the largest land animals on Earth!<\\/p>\\r\\n <p>- There are 3 different species of elephants: African Savannah elephant, African Forest elephant, and Asian elephant<\\/p>\\r\\n <p>- Want to tell the types of elephants apart? African elephants' ears are the shape of Africa, and Asian elephants' ears are the shape of India.<\\/p>\\r\\n <p>- Elephant tusks never stop growing!<\\/p>\\r\\n <p>- Elephants cover themselves in mud to protect themselves from the sun.<\\/p>\\r\\n <\\/body>\\r\\n<\\/html>\"\r\n }\r\n ]\r\n}",
"display_name": "Add a heading rule",
"bubble_choice_description": "Use your debugging skills to figure out why the heading style is not being applied.",
"encrypted_examples": "Lr7+jYdYNMz8QqN1N1YwEaGNYZCraj5G31EAIedGM9IA9RxAC1nwdm9pYnzA\nwz7tEIEVnSH74FScSEvZXS6nUg==\n",
"reference_links": [
"/docs/concepts/html/html-tags/index.html"
],
"map_reference": "/docs/concepts/html/headings-and-paragraphs/index.html",
"parent_level_id": 18855,
"thumbnail_url": "https://images.code.org/2bc95385f9984eb4a3454923a51da1e6-image-1563406941046.JPG"
},
"published": true,
"notes": "",
"audit_log": "[{\"changed_at\":\"2019-06-26 22:43:23 +0000\",\"changed\":[\"encrypted_examples\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-26 22:57:52 +0000\",\"changed\":[\"encrypted_examples\",\"long_instructions\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-26 23:06:08 +0000\",\"changed\":[\"encrypted_examples\",\"long_instructions\",\"start_sources\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-26 23:06:45 +0000\",\"changed\":[\"encrypted_examples\",\"start_sources\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-26 23:07:37 +0000\",\"changed\":[\"encrypted_examples\",\"long_instructions\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-26 23:10:25 +0000\",\"changed\":[\"encrypted_examples\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-27 17:56:16 +0000\",\"changed\":[\"encrypted_examples\",\"start_sources\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-29 00:00:55 +0000\",\"changed\":[],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-29 00:02:43 +0000\",\"changed\":[\"encrypted_examples\",\"reference_links\",\"map_reference\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-29 00:03:47 +0000\",\"changed\":[\"encrypted_examples\",\"reference_links\",\"map_reference\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-29 00:06:03 +0000\",\"changed\":[\"encrypted_examples\",\"map_reference\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-29 00:06:26 +0000\",\"changed\":[\"encrypted_examples\",\"reference_links\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-06-29 00:08:29 +0000\",\"changed\":[\"encrypted_examples\"],\"changed_by_id\":324,\"changed_by_email\":\"elizabeth@code.org\"},{\"changed_at\":\"2019-07-01 19:52:06 +0000\",\"changed\":[\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-11 16:53:20 +0000\",\"changed\":[\"long_instructions\",\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-15 23:14:44 +0000\",\"changed\":[\"long_instructions\",\"display_name\",\"encrypted_examples\",\"thumbnail_url\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-16 16:13:45 +0000\",\"changed\":[\"name\",\"long_instructions\",\"start_sources\",\"display_name\",\"bubble_choice_description\",\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-16 16:16:19 +0000\",\"changed\":[\"long_instructions\",\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-16 17:15:35 +0000\",\"changed\":[\"long_instructions\",\"start_sources\",\"display_name\",\"bubble_choice_description\",\"encrypted_examples\",\"thumbnail_url\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-16 18:00:25 +0000\",\"changed\":[\"start_sources\",\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-16 18:08:56 +0000\",\"changed\":[\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-16 21:42:47 +0000\",\"changed\":[\"long_instructions\",\"display_name\",\"bubble_choice_description\",\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-17 23:42:53 +0000\",\"changed\":[\"name\",\"long_instructions\",\"start_sources\",\"display_name\",\"encrypted_examples\",\"thumbnail_url\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"},{\"changed_at\":\"2019-07-17 23:44:16 +0000\",\"changed\":[\"start_sources\",\"encrypted_examples\"],\"changed_by_id\":958,\"changed_by_email\":\"stephanie.wong@code.org\"}]",
"level_concept_difficulty": {
}
}]]></config>
</Weblab>

0 comments on commit 9be410d

Please sign in to comment.