1 of 29

Tools for Computer Science in Chrome

​

#edtechteam

https://goo.gl/pLHcUL

Tools for Computer Science in Chrome | Tami Brass | March 2017

2 of 29

Sessions|Resources

​

3D Design in Chrome|Resources

Tools for Computer Science in Chrome|Resources

​

Tami Brass

Director of Instructional Technology, St. Paul Academy and Summit School

@brasst

Tools for Computer Science in Chrome | Tami Brass | March 2017

3 of 29

Me? Teach computer science? I’m an English teacher...

Tools for Computer Science in Chrome | Tami Brass | March 2017

4 of 29

Flashback… 1982

Tools for Computer Science in Chrome | Tami Brass | March 2017

5 of 29

CODING vs COMPUTER SCIENCE

​

Algorithms and Programs

​

​

Computing Systems

Networks and the Internet

Algorithms and Programs

Data and Analysis

Impacts of Computing

See Interim Standards

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

6 of 29

  • Creative thinking, problem solving, and innovation
  • FGRTOT (FiGuRe iT OuT) mindset
  • Systems thinking - connected nature of technology
  • Understanding of devices and systems we use
    • Operation
    • Safety
    • Security
    • Tool selection for specific tasks
  • Understanding how information (data) is processed and utilized across industries
  • Technology for social justice and equity

​

Computer Science Benefits All Students

Tools for Computer Science in Chrome | Tami Brass | March 2017

7 of 29

  • Playful exploration
    • Hour of Code
    • Makerspace approach - “Let’s see what happens”
    • Robotics and physical computing
  • Integrated projects
    • As a “real-life” tool
      • Creating simulations (science, social studies)
      • Prototyping (engineering)
    • To make content accessible
    • Demonstrating understanding
      • Creating games or apps to …
  • CS for CS - taught as its own content

​

​

Paths to Computer Science in K12

Tools for Computer Science in Chrome | Tami Brass | March 2017

8 of 29

Computational thinking can start without a computer.

Starting Points...

Activities

Videos

“

“

Tools for Computer Science in Chrome | Tami Brass | March 2017

9 of 29

Hour of Code - A great starting point

Comprehensive list:

​

https://code.org/learn

​

​

Search #HourofCode on Twitter

https://goo.gl/ulctjd

Most are meant to be done independently w/onscreen tutorials/support.

Tools for Computer Science in Chrome | Tami Brass | March 2017

10 of 29

Lightbot

https://lightbot.com/

Teacher Resources

Concepts:

  • Specific instructions
  • Testing
  • Debugging
  • Procedures
  • Loops

Tools for Computer Science in Chrome | Tami Brass | March 2017

11 of 29

MIT Scratch JR* & Scratch

*Chromebook & Android

Tools for Computer Science in Chrome | Tami Brass | March 2017

12 of 29

StarLogo Nova

  • 3D Simulations
  • 3D Game Design
  • Animations

See Project Guts, Code.org, MIT Scheller Teacher Education for more resources.

Tools for Computer Science in Chrome | Tami Brass | March 2017

13 of 29

MIT App Inventor

appinventor.mit.edu

  • Web-based Android app development
  • Works w/GSuite accounts
  • technovationchallenge.org

Tools for Computer Science in Chrome | Tami Brass | March 2017

14 of 29

3D Design

BeetleBlocks

Tools for Computer Science in Chrome | Tami Brass | March 2017

15 of 29

3D Design

BlockScad

Tools for Computer Science in Chrome | Tami Brass | March 2017

16 of 29

3D Design

OpenJScad

​

​

​

​

  • Import from BlockScad to see text rendering

Tools for Computer Science in Chrome | Tami Brass | March 2017

17 of 29

Makerspace, Robotics, Physical computing

Edison

​

​

​

​

  • <$50 per robot
  • Lego-friendly
  • Block or Python

Tools for Computer Science in Chrome | Tami Brass | March 2017

18 of 29

Makerspace, Robotics, Physical computing

Lego Wedo

  • Starts at $170

Makey Makey

  • Under $50

Tools for Computer Science in Chrome | Tami Brass | March 2017

19 of 29

Makerspace, Robotics, Physical computing

Lego EV3

  • Starts at $390

Sphero

  • Starts at $130

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

20 of 29

Makerspace, Robotics, Physical computing

Finch

Hummingbird

  • Multiple language options (block & text)
  • Scratch-friendly
  • Starts at $99 (Finch) and $159 (Hummingbird)

Tools for Computer Science in Chrome | Tami Brass | March 2017

21 of 29

Makerspace, Robotics, Physical computing

Ozobots and

Ozoblokly.com

​

​

​

  • Starts at $100

For Arduino:

  • ChromeDuino
  • Codebender

Tools for Computer Science in Chrome | Tami Brass | March 2017

22 of 29

Free, Freemium and Paid

Kodable

Code Monkey

Tynker

CodeCombat

CodeWarrior

CodeAcademy

Codesters

Python Room

Trinket

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

23 of 29

Integrated Possibilities

Scratch, Scratch Jr

  • Multimedia presentations - like Slides or PPT
  • Digital storytelling & narratives
  • Explaining a process, diagrams
  • Games/challenges/review

​

MIT App Inventor

  • Design Thinking - problem solving
  • Community service
  • Games/challenges/review

​

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

24 of 29

Integrated Possibilities

StarLogo Nova in Science

  • Simulations
  • Modeling

​

Robotics & physical computing

  • Physical science - Light, color, sound & sensors; electricity/conductivity, motors
  • Create a device that _______
    • Clear instructions
    • Collaborative problem-solving

​

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

25 of 29

Integrated Possibilities

Mathematics

  • Bootstrap and Algebra
  • Overlapping concepts
    • Variables
    • Data structures
    • Pattern recognition
    • Procedures
    • Formulas
    • Logic
    • Problem-solving

​

​

Arts

  • Graphic design/layout
  • Image/animation/audio creation
  • Processing
  • Pencil Code

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

26 of 29

Free Programs with Free or Low-Cost PD/Lesson Support

​

Sunday - Session 8

Google's CS First: Giving Kids Superpower Through Computer Science

RACHEL PIERSON

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

27 of 29

From Participants

https://gomix.com/ and https://glitch.com/

SLNova Projects from Tami

Coding in the Classroom Conference May 16

Constructing Modern Knowledge

​

Tools for Computer Science in Chrome | Tami Brass | March 2017

28 of 29

Fun Reads

Let’s Get Coding Set

Secret Coders series

Tools for Computer Science in Chrome | Tami Brass | March 2017

29 of 29

Session Resources

​

https://goo.gl/jRCsxL

  • Go to the event app
  • Select Tools for Computer Science in Chrome
  • Go to Presos

Or http://tech4teaching.org

@brasst on Twitter

Tools for Computer Science in Chrome | Tami Brass | March 2017