Código Criativo

Experiências interativas interdisciplinar

Cada pessoa se expressa de uma ou mais formas.

Linguagem de programação é só mais uma destas maneiras.

Desenhando com código?

Além do Scratch

Processing

  • Open source e software livre

  • Tem pra Linux, Mac, Windows, Android

  • Artes visuais e protótipos

 

Acesse: https://processing.org/

Programar é lindo

p5*js

Lauren McCarthy

Site: http://lauren-mccarthy.com/

Twitter: https://twitter.com/laurmccarthy

Github: https://github.com/lmccart

p5js.org

"I make art about what confuses me."

Processing + Kinect como cenário para apresentações

Formas geométricas

Brincando com formas

Brick Breaker da Yining Shi 

Jogo de matemática com PaperJs

Ciência de Dados

Visualizando dados Comunicando melhor informações

Visualização de Dados

DataViz

SketchJs

PaperJs

ThreeJS (3D)

e muitas outras bibliotecas

Aprendizado de Máquina

(Machine Learning)

Abaixo um exemplo utilizando TensorFlow e PaperJS

Fonte: https://github.com/yemount/pose-animator/

Todas as idades

*

Diversity

Art + Code

http://diversity.p5js.org/

  • Alfabetização e Educação infantil: Code.org, Scratch, Tinkerê Computacional, Crianças Hackers, Robótica Educacional
  • Fundamental I e II
  • Aumentando a complexidade das abordagens
  • Aprofundar conceitos trabalhados

Desafios 

  • Acessibilidade: dispositivos, conexão (internet), letramento digital

  • Barreira com o idioma

  • Mitos: programar não é para mim ou é só para matemáticos

Hora do Código

Alguns sites de referência:

https://happycoding.io/tutorials/processing/hour-of-code

https://hello.processing.org/

https://code.org/

Khan Academy - vários cursos em português

 

p5js: Por onde começar?

  • Site: p5js.org

  • Pad: https://p5jscon.hackpad.com/

  • Canal no YT Coding Train com o Daniel Shiffman: http://bit.ly/1Po46Of

  • Editor online:
    https://editor.p5js.org/

  • Guia de referência: https://p5js.org/reference

 

Geisa Santos

 

Coordenadora de Aprendizagem Criativa e Cultura do Instituto Anísio Teixeira (SEC-BA)

Profa. Robótica Educacional

Mestranda POSCOM-UFBA

Pós-graduanda em Robótica Educacional - UNINTER

Instagram: @parquecriativo

E-mail: geisa.silva82@enova.educacao.ba.gov.br

Código Criativo Para Educadores

By Geisa Santos

Made with Slides.com

Código Criativo Para Educadores

Um apanhado de possibilidades no aprendizado de linguagens de programação voltadas para as artes. Experiências interativas, aprendizado de máquina, ciência de dados são algumas destas possibilidades que educadores podem trabalhar em sala de aula.

  • 488

More from Geisa Santos