If you have questions or want more guidance on how to proceed, please

All programming workshops will use the same warm up, linked below. While the robot uses the Arduino programming language, the programming warm-up uses JavaScript. It is still highly recommended to go through the warm-up since the concepts demonstrated map very well across languages.

Jim Lyst

Faculty at the School of Informatics and Computing at IUPUI

Drawing on 15 years of industry experience as an engineer and designer, plus over 10 years of teaching experience, Jim focuses on enhancing the continuity between learning experiences and industry practices to provide students a clear path to impactful work in STEM fields. He is a key contributor to the Computing by Design framework and project material. https://www.linkedin.com/in/jlyst/

Vicki Daugherty

Program Manager and Diversity Coordinator

Joining IUPUI in 1995, Vicki Daugherty is the program manager for Informatics Diversity Enhanced Workforce (iDEW) and diversity coordinator at the IU School of Informatics and Computing at IUPUI. Computing by Design (CxD) is a product of the iDEW program. https://www.linkedin.com/in/vicki-daugherty-2b86308/

Dr. Mathew Palakal

Senior Executive Associate Dean of School of Informatics and Computing at IUPUI

Dr. Mathew Palakal **is a professor of Informatics in the IU School of Informatics & Computing (SoIC) and Senior Executive Associate Dean of SoIC at IUPUI. His primary research is in artificial intelligence and machine learning. His passion is to bridge the gap of underserved-underrepresented minority populations in the IT workforce. He was a key architect of the Informatics Diversity Enhanced Workforce (iDEW) program that uses the Computing by Design (CxD) curriculum. iDEW was implemented five years ago in three Indianapolis high schools with 70 students, to broaden IT-workforce participation. Nearly 1,700 students have taken CxD courses in 100 classes at eight high schools to date. The iDEW program has received +$2.1 million in corporate/foundation funding, and a Skill-Up grant from the Indiana Dept. of Workforce Development.

Dylan is a computer science teacher at the McKenzie Center for Innovation & Technology at the Metropolitan School District of Lawrence Township in Indianapolis.

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

Choose from six workshops specifically focused on the tasks of programming and building.

These six workshops will run concurrently for one week, June 7 -11. If you intend to teach a full year course, we recommend you choose two programming workshops during this week.

Choose From Six Programming Workshops

Trivia Web App: Build a trivia game using HTML/CSS/JavaScript with a question and answers database managed in a spreadsheet. We highly recommend the trivia app for the first time experience with Computing by Design projects. Recommended for Grades 6-12. Learn more >

Chatbot: Create a chatbot script with decision logic to interact with visitors in a browser. Customize the visual experience and connect it to a back-end database using a spreadsheet. Recommended for Grades 6-12. Learn more >

Wheeled Robot: Assemble and program a wheeled robot that can respond to the environment through various sensors. Recommended for Grades 6-12. Learn more >

Video Game: Develop a browser-based video game using the Phaser JS library and incorporate custom visual and sound assets to make the experience come alive. Recommended for Grades 10-12.

Build and program an electronics board with sensors and outputs that can communicate with a web application over the internet. Recommended for Grades 10-12.

Compose a data visualization that tells a story through charts and narrative. Prepare the data and use SQL with HTML/CSS/JavaScript to create a shareable experience through a browser. Recommended for Grades 10-12.

Each programming workshop has a final deliverable, due by June 14, consisting of a working code example with enhancements and a custom checklist for facilitating programming in the classroom.

For each workshop there are two scheduled zoom sessions. A zoom link will be added as the workshops approach.

• Welcome

• Quick Survey

• Introductions

All programming workshops will use the same warm up, linked below.

Here you will find various insights from teachers and programmers on how to approach teaching in computer science and a project-based perspective. Borrow, adapt and curate the ideas presented to help you develop your unique approach. Don't hesitate asking question in Slack on any of these ideas.

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

All programming workshops will use the same warm up, linked below.

• Welcome

• Quick Survey

• Review Instructions for Final Deliverables

All programming workshops will use the same warm up, linked below. This warm-up uses the JavaScript programming language, which applies to the web application component of the IoT project. The IoT board uses the Arduino language. While the syntax for Arduino will be different, there are still many similar programming concepts.

The Computing by Design Innovation Workshop will cover the development of computer science projects through a three-phase process that goes from researching a problem, building a solution, and evaluating the solution. The project framework and prepared material will provide the guidance needed to plan a semester experience regardless of which technology the project employs. The online workshops will be largely conducted asynchronously with two live meetings scheduled.

• Welcome

• Quick Survey

• Introductions

• Welcome

• Quick Survey

• Review Instructions for Final Deliverables

• Welcome

• Quick Survey

• Review Instructions for Final Deliverables

• Welcome

• Quick Survey

• Review Instructions for Final Deliverables

• Welcome and Introductions

• Quick Survey

• Review of Workshop Format and Sequence

• Welcome

• Quick Survey

• Review Instructions for Final Deliverables

All programming workshops will use the same warm up, linked below.

Welcome 👋

Programming Workshop Agenda (June 7 - 11, 2021)

This workshop is largely asynchronous, providing you flexibility to complete things on a schedule that works for you. Below you will find the sequence of events and videos for the workshop. Notice the two live Zoom sessions on Monday at 2:30 pm and Thursday at 1:00 pm. Otherwise we will use Slack for discussions and impromptu Zoom meetings as needed. Please don't hesitate posting a message on Slack for help.

Workshop Resources

• Slack Channel: #ws-programming-video-game in the CxD 2021 Slack Workspace

• Documentation Link: Video Game Code Reference and Tutorials

• Programming Platform: is the recommended programming platform

• Zoom Video Conferences: Link will be provided on Slack

Agenda (1 hour)

• Welcome and Introductions

• Quick Survey

• Review of Workshop Format and Sequence

• Key Pointers

  • Sharing Code via Slack

  • Searching the Internet for Code Help

  • Online Tutorials and Other Resources

  • Look for Patterns and Analogies You Can Identify With

• Information on School of Informatics and Computing Degrees

• Open Discussion and Wrap Up

Welcome and Getting Started

Project Guide

While the project guide, linked below, can be used as-is in your classroom, you will likely want to adapt the instructions to meet the specific needs of your course context and objectives. Feel free to use any portion of the material in your own documentation.

Workshop Agenda

1. Attend the live Zoom session on Monday July 12, 1:00 pm - 2:00 pm EDT ⏰ The Zoom link will be provided in Slack.

2. Follow the project guide and complete an example project to meet your student expectations, as you construct any adapted project instructions documents you will use for your course. Use our Slack channel #cross-sketch-prototype to post questions/answers, to share things you have created or to share additional resources you have found.

3. Attend the live Zoom session on Wednesday July 14, 1:00 pm - 2:00 pm EDT ⏰ The same Zoom link will be used for this meeting

4. Continue posting questions and sharing success in Slack #cross-sketch-prototype as you complete your project example and adapted project instructions.

5. Submit your project example and adapted project instructions for the workshop deliverable. 🎉 The link below is for submitting your deliverable by the August 7, 2020 deadline.

Welcome and Getting Started

Project Guide

While the project guide, linked below, can be used as-is in your classroom, you will likely want to adapt the instructions to meet the specific needs of your course context and objectives. Feel free to use any portion of the material in your own documentation.

Workshop Agenda

1. Attend the live Zoom session on Monday July 12, 2:30 pm - 3:30 pm EDT ⏰ The Zoom link will be provided in Slack.

2. Follow the project guide and complete an example project to meet your student expectations, as you construct any adapted project instructions documents you will use for your course. Use our Slack channel #cross-chart-data to post questions/answers, to share things you have created or to share additional resources you have found.

3. Attend the live Zoom session on Thursday July 15, 11:30 am - 12:30 pm EDT ⏰ The same Zoom link will be used for this meeting

4. Continue posting questions and sharing success in Slack #cross-chart-data as you complete your project example and adapted project instructions.

5. Submit your project example and adapted project instructions for the workshop deliverable. 🎉 The link below is for submitting your deliverable by the August 7, 2020 deadline.

Welcome 👋

Programming Workshop Sequence (June 7 - 11, 2021)

This workshop is largely asynchronous, providing you flexibility to complete things on a schedule that works for you. Below you will find the sequence of events and videos for the workshop. Notice the two live Zoom sessions on Monday at 1:00 pm and Wednesday at 11:30 am. Otherwise we will use Slack for discussions and impromptu Zoom meetings as needed. Please don't hesitate posting a message on Slack for help.

Workshop Resources

• Slack Channel: #ws-programming-trivia in the CxD 2021 Slack Workspace

• Documentation Link: Trivia Code Reference and Tutorial

• Programming Platform: is the recommended programming platform

• Zoom Video Conferences: Link will be provided on Slack

• Recommended Programming Supplements: Listed in the Trivia Code Reference doc 👉.

Here you will find various insights from teachers and programmers on how to approach teaching in computer science and a project-based perspective. Borrow, adapt and curate the ideas presented to help you develop your unique approach. Don't hesitate asking question in Slack on any of these ideas.

Angela Jones

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

On Enjoying the Journey

Luke Jones

On Developing Content Knowledge

On Managing Student Success

Matthew Baron

On Scaffolding and Scrum

Travis Faas

On Practical Approaches to Programming for Beginners

Welcome 👋

Programming Workshop Sequence (June 7 - 11, 2021)

This workshop is largely asynchronous, providing you flexibility to complete things on a schedule that works for you. Below you will find the sequence of events and videos for the workshop. Notice the two live Zoom sessions on Monday at 1:00 pm and Wednesday at 1:00 pm. Otherwise we will use Slack for discussions and impromptu Zoom meetings as needed. Please don't hesitate posting a message on Slack for help.

Workshop Resources

• Slack Channel: #ws-programming-chatbot in the CxD 2021 Slack Workspace

• Documentation Link: Chatbot Code Reference and Tutorial

• Programming Platform: is the recommended programming platform

• Zoom Video Conferences: Link will be provided on Slack

• Recommended Programming Supplements: See .

Welcome and Getting Started

Project Guide

While the project guide, linked below, can be used as-is in your classroom, you will likely want to adapt the instructions to meet the specific needs of your course context and objectives. Feel free to use any portion of the material in your own documentation.

Workshop Agenda

1. Attend the live Zoom session on Monday July 12, 2:30 pm - 3:30 pm EDT ⏰ The Zoom link will be provided in Slack.

2. Follow the project guide and complete an example project to meet your student expectations, as you construct any adapted project instructions documents you will use for your course. Use our Slack channel #cross-flip-card to post questions/answers, to share things you have created or to share additional resources you have found.

3. Attend the live Zoom session on Thursday July 15, 2:30 pm - 3:30 pm EDT ⏰ The same Zoom link will be used for this meeting

4. Continue posting questions and sharing success in Slack #cross-flip-card as you complete your project example and adapted project instructions.

5. Submit your project example and adapted project instructions for the workshop deliverable. 🎉 The link below is for submitting your deliverable by the August 7, 2020 deadline.

For the programming workshops we simply request that you submit the following two items.

1. A link to your working code (e.g. replit.com) that demonstrates completion and customization of tutorial material.

2. A summary of your classroom plan

   • Consider how you will approach classroom management when students are completing a tutorial like this one.

     • What will be your expectations?

     • How much will be individual work versus team work?

     • Will you assign any code champions to help you support students with questions?

   • How will you supplement it with other programming content or experiences?

     • Will you use any online tutorials?

     • Will you supplement with any CS unplugged activities?

     • Will you create any custom programming exercises yourself?

Submit using the link below...

For the programming workshops we simply request that you submit the following two items.

1. A link to your working code (e.g. replit.com) that demonstrates completion and customization of tutorial material.

2. A summary of your classroom plan

   • Consider how you will approach classroom management when students are completing a tutorial like this one.

     • What will be your expectations?

     • How much will be individual work versus team work?

     • Will you assign any code champions to help you support students with questions?

   • How will you supplement it with other programming content or experiences?

     • Will you use any online tutorials?

     • Will you supplement with any CS unplugged activities?

     • Will you create any custom programming exercises yourself?

Submit using the link below...

For the programming workshops we simply request that you submit the following two items.

1. A link to your working code (e.g. Arduino browser editor) that demonstrates completion and customization of tutorial material.

2. A summary of your classroom plan

   • Consider how you will approach classroom management when students are completing a tutorial like this one.

     • What will be your expectations?

     • How much will be individual work versus team work?

     • Will you assign any code champions to help you support students with questions?

   • How will you supplement it with other programming content or experiences?

     • Will you use any online tutorials?

     • Will you supplement with any CS unplugged activities?

     • Will you create any custom programming exercises yourself?

Submit using the link below...

Welcome and Getting Started

Project Guide

While the project guide, linked below, can be used as-is in your classroom, you will likely want to adapt the instructions to meet the specific needs of your course context and objectives. Feel free to use any portion of the material in your own documentation.

Workshop Agenda

1. Attend the live Zoom session on Monday July 12, 1:00 pm - 2:00 pm EDT ⏰ The Zoom link will be provided in Slack.

2. Follow the project guide and complete an example project to meet your student expectations, as you construct any adapted project instructions documents you will use for your course. Use our Slack channel #cross-product-eval to post questions/answers, to share things you have created or to share additional resources you have found.

3. Attend the live Zoom session on Wednesday July 14, 2:30 pm - 3:30 pm EDT ⏰ The same Zoom link will be used for this meeting

4. Continue posting questions and sharing success in Slack #cross-product-eval as you complete your project example and adapted project instructions.

5. Submit your project example and adapted project instructions for the workshop deliverable. 🎉 The link below is for submitting your deliverable by the August 7, 2020 deadline.

Agenda (1 hour)

• Welcome and Introductions

• Quick Survey

• Review of Workshop Format and Sequence

• Key Pointers

  • Sharing Code via Slack

  • Searching the Internet for Code Help

  • Online Tutorials and Other Resources

  • Look for Patterns and Analogies You Can Identify With

• Information on School of Informatics and Computing Degrees

• Open Discussion and Wrap Up

Welcome and Getting Started

Project Guide

While the project guide, linked below, can be used as-is in your classroom, you will likely want to adapt the instructions to meet the specific needs of your course context and objectives. Feel free to use any portion of the material in your own documentation.

Workshop Agenda

1. Attend the live Zoom session on Monday July 12, 1:00 pm - 2:00 pm EDT ⏰ The Zoom link will be provided in Slack.

2. Follow the project guide and complete an example project to meet your student expectations, as you construct any adapted project instructions documents you will use for your course. Use our Slack channel #cross-propose-solutions to post questions/answers, to share things you have created or to share additional resources you have found.

3. Attend the live Zoom session on Wednesday July 14, 11:30 am - 12:30 pm EDT ⏰ The same Zoom link will be used for this meeting

4. Continue posting questions and sharing success in Slack #cross-propose-solutions as you complete your project example and adapted project instructions.

5. Submit your project example and adapted project instructions for the workshop deliverable. 🎉 The link below is for submitting your deliverable by the August 7, 2020 deadline.

Agenda (1 hour)

• Welcome

• Quick Survey

• Review Instructions for Final Deliverables

• Discuss Progress and Concerns Identified During the Week

  • TBD

  • TBD

• Open Discussion and Wrap Up

Link to the Computing by Design guidebook listing for all projects 👇

Templates and Additional Project Material

Welcome 👋

Programming Workshop Sequence (June 7 - 11, 2021)

This workshop is largely asynchronous, providing you flexibility to complete things on a schedule that works for you. Below you will find the sequence of events and videos for the workshop. Notice the two live Zoom sessions on Monday at 2:30 pm and Thursday at 11:30 am. Otherwise we will use Slack for discussions and impromptu Zoom meetings as needed. Please don't hesitate posting a message on Slack for help.

Workshop Resources

• Slack Channel: #ws-programming-robot in the CxD 2021 Slack Workspace

• Documentation Link: Robot Code Reference and Tutorials

• Programming Platform: is the the recommended programming platform.

• Zoom Video Conferences: A link will be provided on Slack

Focus on the classroom management practices and assessment strategies for project-based learning.

In partnership with PBLWorks, a full three-day online workshop (PBL 101) will be offered to prepare you with classroom management and project assessment strategies. The workshop will be offered June 28 - 30. More information on the PBL 101 Workshop can be found here.

The PBLWorks workshop will be consistent with a computer science centric approach in project-based learning, applying techniques common in computer science disciplines and standards related to problem-solving with data, design, and programming.

👉 As you work through the following activities don't hesitate posting questions on Slack (#ws-programming-trivia) and include a link to your replit when needed.

1 Complete the Template Build Tutorial

2 Create a Custom Question Database

3 Make Five Custom Modifications to Your Trivia Game

Planning for Student Success

Now that you have experience with programming for this project...

• Consider how you will approach classroom management when students are completing a tutorial like this one.

  • What will be your expectations?

  • How much will be individual work versus team work?

  • Will you assign any code champions to help you support students with questions?

• How will you supplement it with other programming content or experiences?

  • Will you use any online tutorials?

  • Will you supplement with any CS unplugged activities?

  • Will you create any custom programming exercises yourself?

If you are participating in the you will consider similar questions for broader project activities.

This workshop is focused squarely on the programming component of a CxD Project. For a little bit of background, you will find that the Computing by Design framework is project-centric in the approach.

Each project has three phases, where programming is a very important component of all three. Our covers the breadth of the Computing by Design framework. We have found that the programming in any project presents a fine line between a wonderfully empowering experience (when students struggle and get things working) and a sometimes frustrating experience that becomes a missed opportunity. Therefore we are offering these programming workshops to provide a solid foundation on building the applications.

We encourage you to offer students a two-pronged approach to learning to program. Computing by Design projects provide an "application first" approach to programming where students are provided direct guidance on creating a specific type of application through templates and tutorials -- like with trivia , a chatbot, IoT etc. This approach complements the many great tutorials available online that provide a "concept first" approach by stepping through concepts in programming. Facilitating both approaches for students provides a varied experience -- strengthening knowledge and offering more opportunities to ignite interests.

This workshop is focused squarely on the programming component of a CxD Project. For a little bit of background, you will find that the Computing by Design framework is project-centric in the approach.

Each project has three phases, where programming is a very important component of all three. Our covers the breadth of the Computing by Design framework. We have found that the programming in any project presents a fine line between a wonderfully empowering experience (when students struggle and get things working) and a sometimes frustrating experience that becomes a missed opportunity. Therefore we are offering these programming workshops to provide a solid foundation on building the applications.

We encourage you to offer students a two-pronged approach to learning to program. Computing by Design projects provide an "application first" approach to programming where students are provided direct guidance on creating a specific type of application through templates and tutorials -- like with trivia , a chatbot, IoT etc. This approach complements the many great tutorials available online that provide a "concept first" approach by stepping through concepts in programming. Facilitating both approaches for students provides a varied experience -- strengthening knowledge and offering more opportunities to ignite interests.

For the chatbot programming workshop we will focus on completing the code-specific portions (direct links below) of the warm-up project in the chatbot documentation. While you may want to review the full instructions of the warm-up project for context, the items below are specific to the programming. As always, don't hesitate using our Slack channel to ask questions or share progress.

You will find a short video included to help get the template up and running.

A video is included to get you started with the instructions.

This is where you want to dig deep and consider the many ways students may want to program the chatbot and how you will help support them. A short video demonstrates how you can get started with making a modification. You are not limited to these modifications.

★ We also encourage you to come up with new modifications and share your work (or roadblocks) on Slack.

Now that you have experience with programming for this project...

Here you will find various insights from teachers and programmers on how to approach teaching in computer science and a project-based perspective. Borrow, adapt and curate the ideas presented to help you develop your unique approach. Don't hesitate asking question in Slack on any of these ideas.

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

Here you will find various insights from teachers and programmers on how to approach teaching in computer science and a project-based perspective. Borrow, adapt and curate the ideas presented to help you develop your unique approach. Don't hesitate asking question in Slack on any of these ideas.

Dylan is a computer science teacher at the McKenzie Center for Innovation & Technology at the Metropolitan School District of Lawrence Township in Indianapolis.

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

Now that you have experience with programming for this project...

• Consider how you will approach classroom management when students are completing a tutorial like this one.

  • What will be your expectations?

  • How much will be individual work versus team work?

This workshop is focused squarely on the programming component of a CxD Project. For a little bit of background, you will find that the Computing by Design framework is project-centric in the approach.

Each project has three phases, where programming is a very important component of all three. Our covers the breadth of the Computing by Design framework. We have found that the programming in any project presents a fine line between a wonderfully empowering experience (when students struggle and get things working) and a sometimes frustrating experience that becomes a missed opportunity. Therefore we are offering these programming workshops to provide a solid foundation on building the applications.

We encourage you to offer students a two-pronged approach to learning to program. Computing by Design projects provide an "application first" approach to programming where students are provided direct guidance on creating a specific type of application through templates and tutorials -- like with trivia , a chatbot, IoT etc. This approach complements the many great tutorials available online that provide a "concept first" approach by stepping through concepts in programming. Facilitating both approaches for students provides a varied experience -- strengthening knowledge and offering more opportunities to ignite interests.

Now that you have experience with programming for this project...

• Consider how you will approach classroom management when students are completing a tutorial like this one.

  • What will be your expectations?

  • How much will be individual work versus team work?

Choose one (or more) of six workshops that introduce you to short projects of approximately 5 to 10 student hours. Each workshop will be offered July 12 - 16. These workshops allow 1) CS teachers that are already skilled in one area of CS to supplement their PBL/CS proficiencies, or 2) non-CS teachers a meaningful way to inject a small CS project into their class.

This workshop is focused squarely on the programming component of a CxD Project. For a little bit of background, you will find that the Computing by Design framework is project-centric in the approach.

Each project has three phases, where programming is a very important component of all three. Our covers the breadth of the Computing by Design framework. We have found that the programming in any project presents a fine line between a wonderfully empowering experience (when students struggle and get things working) and a sometimes frustrating experience that becomes a missed opportunity. Therefore we are offering these programming workshops to provide a solid foundation on building the applications.

We encourage you to offer students a two-pronged approach to learning to program. Computing by Design projects provide an "application first" approach to programming where students are provided direct guidance on creating a specific type of application through templates and tutorials -- like with trivia , a chatbot, IoT etc. This approach complements the many great tutorials available online that provide a "concept first" approach by stepping through concepts in programming. Facilitating both approaches for students provides a varied experience -- strengthening knowledge and offering more opportunities to ignite interests.

Here you will find various insights from teachers and programmers on how to approach teaching in computer science and a project-based perspective. Borrow, adapt and curate the ideas presented to help you develop your unique approach. Don't hesitate asking question in Slack on any of these ideas.

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

In this workshop we want to provide the resources and help you need to prepare a classroom plan for teaching computer science in the coming year. Whether you are intending to run a single project as the main activity for a semester or inject a smaller project within another instructional context, you can use as a starting point. You may also want to use (or borrow ideas from) the .

If you are going to use a CxD project guidebook, a lot of the details are already prepared, but you definitely want to formulate the big-picture plan on you will facilitate the course in your context. Ultimately, make the project/course plan work for you and include the level of detail you need. We hope these resources are good starting points.

• While your plan may not be complete and require more development this summer, provide enough detail to express the key elements of your plan that enables some discussion with others.

While the project guide, linked below, can be used as-is in your classroom, you will likely want to adapt the instructions to meet the specific needs of your course context and objectives. Feel free to use any portion of the material in your own documentation.

1. Attend the live Zoom session on Monday July 12, 2:30 pm - 3:30 pm EDT ⏰ The Zoom link will be provided in Slack.

2. Follow the project guide and complete an example project to meet your student expectations, as you construct any adapted project instructions documents you will use for your course. Use our Slack channel #cross-natural-language to post questions/answers, to share things you have created or to share additional resources you have found.

• Welcome

• Quick Survey

• Introductions

This workshop is largely asynchronous, providing you flexibility to complete things on a schedule that works for you. Below you will find the sequence of events and videos for the workshop. Notice the two live Zoom sessions on Monday at 2:30 pm and Thursday at 2:30 pm. Otherwise we will use Slack for discussions and impromptu Zoom meetings as needed. Please don't hesitate posting a message on Slack for help.

• Slack Channel: #ws-programming-iot in the CxD 2021 Slack Workspace

• Documentation Link:

Here you will find various insights from teachers and programmers on how to approach teaching in computer science and a project-based perspective. Borrow, adapt and curate the ideas presented to help you develop your unique approach. Don't hesitate asking question in Slack on any of these ideas.

Angela is the CT Instructional Coach at Arsenal Tech High School in Indianapolis and an experienced Computing by Design teacher as part of the iDEW program.

Background and Recommended Classroom Approach

Background on Computing by Design Framework

This workshop is focused squarely on the programming component of a CxD Project. For a little bit of background, you will find that the Computing by Design framework is project-centric in the approach.

Each project has three phases, where programming is a very important component of all three. Our Innovation Workshop covers the breadth of the Computing by Design framework. We have found that the programming in any project presents a fine line between a wonderfully empowering experience (when students struggle and get things working) and a sometimes frustrating experience that becomes a missed opportunity. Therefore we are offering these programming workshops to provide a solid foundation on building the applications.

Learning to Program: A Two-Pronged Approach

We encourage you to offer students a two-pronged approach to learning to program. Computing by Design projects provide an "application first" approach to programming where students are provided direct guidance on creating a specific type of application through templates and tutorials -- like with trivia , a chatbot, IoT etc. This approach complements the many great tutorials available online that provide a "concept first" approach by stepping through concepts in programming. Facilitating both approaches for students provides a varied experience -- strengthening knowledge and offering more opportunities to ignite interests.

Getting Started with Slack

Slack will be our primary communication platform for the workshop. The video above provides a brief introduction on the features of Slack, but more help and tutorials can be found at .

Our robot will be programmed using the programming language. We recommend using the Arduino Create web-based programming environment through the browser. There is an option to download a native application as well. This is just a quick intro. We will cover much more later in the workshop.

Workshop Deliverable

Each cross-discipline workshop has a final deliverable, due by July 19, consisting of a completed project example and custom checklist for facilitating the project in class.

Live Zoom Sessions

For each workshop there are two scheduled zoom sessions. A zoom link will be added as the workshops approach.

Session 1: Welcome and Getting Started

Welcome 👋

Programming Workshop Sequence (June 7 - 11, 2021)

This workshop is largely asynchronous, providing you flexibility to complete things on a schedule that works for you. Below you will find the sequence of events and videos for the workshop. Notice the two live Zoom sessions on Monday at 1 pm and Wednesday at 2:30 pm. Otherwise we will use Slack for discussions and impromptu Zoom meetings as needed. Please don't hesitate posting a message on Slack for help.

Workshop Resources

• Slack Channel: #ws-programming-data-viz in the CxD 2021 Slack Workspace

• Documentation Link: Data Visualization Programming Exercises

• Spreadsheets: Our examples will use Google Sheets

• Python: We will use Google Colab to create a Python notebook in Google Drive.

• Web Programming (HTML/CSS/JS): is the recommended programming platform for web programming.

• Zoom Video Conferences: A link will be provided on Slack

• Recommended Programming Supplements: See the Skill Building section of

Background and Recommended Classroom Approach

Background on Computing by Design Framework

This workshop is focused squarely on the programming component of a CxD Project. For a little bit of background, you will find that the Computing by Design framework is project-centric in the approach.

Each project has three phases, where programming is a very important component of all three. Our Innovation Workshop covers the breadth of the Computing by Design framework. We have found that the programming in any project presents a fine line between a wonderfully empowering experience (when students struggle and get things working) and a sometimes frustrating experience that becomes a missed opportunity. Therefore we are offering these programming workshops to provide a solid foundation on building the applications.

Learning to Program: A Two-Pronged Approach

We encourage you to offer students a two-pronged approach to learning to program. Computing by Design projects provide an "application first" approach to programming where students are provided direct guidance on creating a specific type of application through templates and tutorials -- like with trivia , a chatbot, IoT etc. This approach complements the many great tutorials available online that provide a "concept first" approach by stepping through concepts in programming. Facilitating both approaches for students provides a varied experience -- strengthening knowledge and offering more opportunities to ignite interests.

Getting Started with Slack

Slack will be our primary communication platform for the workshop. The video above provides a brief introduction on the features of Slack, but more help and tutorials can be found at .

Replit is the recommended programming environment for many of our projects. The video above provides a brief introduction on the features of Replit, but more help and tutorials can be found at .

For the programming workshops we simply request that you submit the following two items.

1. A link to your working code (e.g. replit.com) that demonstrates completion and customization of tutorial material.

2. A summary of your classroom plan

   • Consider how you will approach classroom management when students are completing a tutorial like this one.

     • What will be your expectations?

     • How much will be individual work versus team work?

     • Will you assign any code champions to help you support students with questions?

   • How will you supplement it with other programming content or experiences?

     • Will you use any online tutorials?

     • Will you supplement with any CS unplugged activities?

     • Will you create any custom programming exercises yourself?

Submit using the link below...

Each workshop cohort has a , due by July 12, consisting of a sampling of example student deliverables and a plan outline for facilitating a project in the classroom.

We will use the #ws-innovation channel for communication.

We will have four one-hour Zoom sessions over our two-week workshop. Choose one of the three cohort schedules that works best for you.

While this workshop is focused on the programming aspect of project, you will want to review the full project guide book below to understand the context.

We offer three paths to work with data and present a visualization, each using a distinct programming language or platform. For your classroom you may choose one path for a single project, all three to provide to facilitate a sequence of projects, or provide students with a choice. Through your own review and work with this material you can determine a best path for your context.

Complete the web app sequence at a minimum, and then consider reviewing the spreadsheet and python exercises as well.

EVALUATING & REFINING SOLUTIONS

Driving Question for Students: How effective is your solution and how will you improve it?

👉 Check the google drive resources for canvas templates you may want to use.

✓ Pilot Evaluation │ ✓ Final Release Development

Further evaluate the pilot release with stakeholders.

How will students conduct an evaluation of their pilot solution? Who will be participants in the evaluation?

Review the evaluation results and prioritize the fixes and improvements.

What will you require of students regarding the results of the evaluation?

Which CS standards are addressed in the identified activities for the project? 🔗IN CS Standards

GENERAL PURPOSE RESOURCES

• Revisit Dr. Martin-Hammond's Video on Evaluation

How will you expect students to promote their work broadly? How much time will be required to organize an event for student presentations (whether in-person, by live video, or recorded)?

What expectations will you have on the narrative students provide in their presentations and demonstrations, and how will that map to a poster or similar visual?

How and when will you have students prepare a reflection on the project? Will you have students be prepared to share reflections with visitors at an event?

What format will you follow for the final presentation event? Will you ask visitors to judge for some category awards?

How will you encourage students take ownership and pride in their presentations and demonstrations?

Introduction

DESIGNING & BUILDING SOLUTIONS

Driving Question for Students: What specific solution will you provide and how will you design and build it?

A Repeating Pattern

Once again, students will apply the analyze, create, and deliver cycle, but with an increased fidelity of the solution. In this phase students will analyze the feedback from the proposal, consider a set of prototypes that define more detail in their solution, and then deliver a specification for further further development — usually to begin the actual programming and building.

"While it does typify the design process as a whole, in practice the elaboration and reduction process must be continuously repeated time and again throughout the course of design. From information architecture, to visual design, to the functional prototype, each stage must be explored in full, then lovingly honed down to a precise solution." - ​Tyler Tate (Concerning Fidelity in Design on UX Booth)

👉 Check the google drive resources for canvas templates you may want to use.

Dr. Martin-Hammond on Evaluation Methods

How many distinct prototypes might you request from students? What tools will students be able to use to create prototypes? How much fidelity (detail) might you require at this stage?

How will students conduct evaluations? Will there be another set of prototypes or will you have students conclude prototyping after one round?

Which CS standards are addressed in the identified activities for the project?

• ​ by Tyler Tate

Will you use a story/feature map? How much detail will you expect from students as they determine what they will program and build? Will they use pseudo-code or another technique to get started?

How do you want students to plan the development? How will they track progress and communicate that to you?

Which CS standards are addressed in the identified activities for the project?

How frequent will the check-ins be? What might trigger an intervention to get teams back on track?

How will the projects be promoted to the broader community? How much time and resources will be dedicated to the promotion?

Which CS standards are addressed in the identified activities for the project?

How will students demonstrate pilot builds — live video, recorded video, or in-person? How will you direct students to prompt for feedback?

Which CS standards are addressed in the identified activities for the project?

For the programming workshops we simply request that you submit the following two items.

1. A link to your working code (e.g. replit.com) that demonstrates completion and customization of tutorial material.

2. A summary of your classroom plan

   • Consider how you will approach classroom management when students are completing a tutorial like this one.

     • What will be your expectations?

     • How much will be individual work versus team work?

     • Will you assign any code champions to help you support students with questions?

   • How will you supplement it with other programming content or experiences?

     • Will you use any online tutorials?

     • Will you supplement with any CS unplugged activities?

     • Will you create any custom programming exercises yourself?

Submit using the link below...

A program can be defined simply as a set of instructions that perform defined tasks, and we can use the diagram below to frame the major components of a program. A program can be written to accept particular inputs, like a mouse click, sound from a microphone, or a reading from a temperature sensor. The same program can handle the storage and retrieval of data, like to do items or historical temperature data. The same program can then output something useful, like a current to do list or move robot wheels. Multiple functions are written to control and process everything towards some useful end, each function handling a particular task.

This exercise will use JavaScript, the primary programming language for web applications that work in a standard browser. There are many other popular programming languages. A particular language is chosen for implementation based on several factors related to the context of the need. Here are a few you may have heard of -- Python, Java (different from JavaScript!), Arduino, C++ and C#. Note: While HTML and CSS are languages with a defined syntax, they are usually distinguished from programming languages that provide computation and functions.

DEFINING PROBLEMS & VALUE PROPOSITIONS

Driving Question for Students: Which problem will you solve and what improvement do you propose?

Recall the basic anatomy of a problem discussed earlier...

In this phase students will develop a model of the problem through research and analysis, consider a diverse set of ideas for solving the problem, and then deliver a proposal for further development.

Each project will address the elements in the canvas below, often using very similar methods but adapted for the context.

Here is an example canvas with notes.

👉 Check the for canvas templates you may want to use.

✓ Problem Definition & Importance │ ✓ Technology Experimentation & Summary

PROMPTS TO CONSIDER FOR SLACK CONVERSATION

Identify the project activities that analyze and describe the problem context and stakeholders.

How might you define the project challenge? Will it be narrowly scoped or more open? How accessible are stakeholders and the problem context to the students?

Identify the project activities that help students understand the available resources and technology that may be part of their solution.

How will you facilitate the tutorials or experiments with the programming and technology? How proficient will students need to be with the technology to begin defining the problem and ideas for solving it?

Which CS standards are addressed in the identified activities for the project?

How much time should you set aside for ideation? Will you give student's individual time to develop ideas and then facilitate group activities around those ideas?

Will you have students do a competitive analysis or a slightly different approach? How might you discuss the incremental process of innovation that happens through competitive markets or published research?

Which CS standards are addressed in these activities?

• & &

How accessible are stakeholders and the problem context to the students? What methods (surveys, virtual interviews, or in-class discussions) do you foresee working in your context?

How much detail will you expect in student proposals? How might you discuss the provisional nature of concept proposals, in that they can change as they learn more?

Which CS standards are addressed in these activities?

• .

Will students generate videos for review by others? Might you facilitate a live video conference? Could you coordinate an in-class event?

Which CS standards are addressed in creating the proposal?

• for a proposal

• (Look for "Proposal" galleries)

Welcome 👋

Computing by Design (CxD) is a collection of project guidebooks for use in middle school and high school computer science courses. In each project, student teams collaboratively design and build a solution to a problem within a particular context using a specific technology — from chatbots to data visualizations.

For this workshop we will go through the three phases of the standard project outline while addressing the similarities and differences among the six detailed projects offered. We will discuss how you can adapt the provided project instructions for your context or even substitute another technology within the project framework.

Identify one (or more) of the six Computing by Design projects that you will use to follow along in this workshop. Access to each of the projects can be found on the page linked below. 👇👇👇

The Computing by Design Approach