one hundred languages

65
One Hundred Languages Linda Liukas @lindaliukas

Upload: rakuten-inc

Post on 21-Jan-2018

142 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: One Hundred Languages

One Hundred Languages

Linda Liukas@lindaliukas

Page 2: One Hundred Languages

(Programmer)(Illustrator)

(Author)Business school

dropout

Page 3: One Hundred Languages
Page 4: One Hundred Languages
Page 5: One Hundred Languages
Page 6: One Hundred Languages

If code is the new lingua franca, we don’t need more grammar classes, we need poetry classes.

Learning to program

teaches you to think. Computer

science is a liberal art.

- Steve Jobs

Page 7: One Hundred Languages
Page 8: One Hundred Languages
Page 9: One Hundred Languages
Page 10: One Hundred Languages

MIKÄ

ON

INTER-

NET?

Otava

Linda LiukasLÖYTÖ R

ETK ELLÄ

INTE

RNETISSÄ

Linda Liukas

Otava

Ruby on pieni tyttö, jolla on huikea mielikuvitus ja kekseliäitä ystäviä.Kiinnostuksen kohteet: kartat, salaiset koodit ja jutusteluLempisanonta: Miksi?

KAIKILLE

YLI 5-VUOTIAILLE

otava.fiL 85.22 ja 61.3ISBN 978-951-1-31620-6

LÖYTÖ- RETKELLÄ

INTER- NETISSÄ

Kuva: Dorit Salutskij

Linda Liukas on Suomen tunnetuin koodauslähettiläs. Hänen Hello Ruby -kirjasarjansa on ollut menestys, ja se on käännetty yli 20 kielelle.RUBYN JA

KAVEREIDEN

KANSSA

OPIT, MITEN

INTERNET

TOIMII.

Rubyn, Djangon ja Julian mielestä parasta talvessa ovat lumileikit. Lumesta voi tehdä mitä vain, vaikka internetin!

Kolmikko päättää rakentaa internetin, mutta törmää moniin kysymyksiin. Onko se pilvi vai läjä johtoja? Millä tavoin tieto huristelee netissä? Miksi netissä tarvitaan ihmisiä?

Liity Rubyn, Julian ja Djangon retkikuntaan ja opi, miten internet toimii.Suuri löytöretki voi alkaa.

Tutustu myös Ruby-sarjan aiempiin osiin:

Page 11: One Hundred Languages
Page 12: One Hundred Languages

Preparing kids for a

world where every

problem is a computer problem.

Page 13: One Hundred Languages

Our world is increasingly run with computers.

Equality in technology education is the key to solving big problems.

Page 14: One Hundred Languages

Little girls don’t know

they are not supposed to

like computers.

Page 15: One Hundred Languages
Page 16: One Hundred Languages

1. Exact commands. 2. In the right order. 3. Naming things is important

(and you can’t make spelling mistakes)

4. Instructions should cover all scenarios and be modifiable.

5. Even the biggest problems in the world are just tiny problems stuck together.

What did we learn?

Page 17: One Hundred Languages

How does a loop feel?

Page 18: One Hundred Languages

Clap

Jump

Swirl

Kick

Stomp

This is one of Ruby’s favorite dance rou-tines. Can you dance it to the beat of your favorite song?

Clap

Stomp

Clap

Clap

This is how Snowleopard loves to waltz.

Jump

Clap

Clap

Clap

And this is how the penguins like to boo-gie.

Clap

Stomp

Stomp

Jump

For loop! While loop! Until loop!

Page 19: One Hundred Languages

A LOOP

Kinetic Visual Code Practice

KUN MUSIIKKI ALKAA

PYSÄHDY

TAPUTA

TAPUTA

HYPPÄÄ

TÖMÄYTÄ

TOISTA

KÄSIÄ

KÄSIÄ

JALKAA

2

2

1

2

KERTAA

KERTAA

KERTA

KERTAA

3 KERTAA

for i in 0..1 puts "Clap" end

for i in 0..1 puts "Stomp end

for i in 0..1 puts "Clap" end

puts "Jump"

A thermometer.

A game.

A website.

Page 20: One Hundred Languages

puts "Hello world!" DOSSEG .MODEL TINY .DATA TXT DB "Hello world!$" .CODE START: MOV ax, @DATA MOV ds, ax

MOV ah, 09h ; prepare output function MOV dx, OFFSET TXT ; set offset INT 21h ; output string TXT MOV AX, 4C00h ; go back to DOS INT 21h END START

RUBY ASSEMBLY 8086

Page 21: One Hundred Languages

puts ['apple', 'orange'].length print(len(['apple', 'orange']))

RUBY PYTHON

console.log(['apple', 'orange'].length);

JAVASCRIPT

public class ArrayLength { public static void main(String[] args) { System.out.println(new String[]{"apple", "orange"}.length); } }

JAVA

Ruby has an apple and an orange in her bag. How many fruit she has altogether?

Page 22: One Hundred Languages

Computationalthinking

Abstraction

Automation

Pattern recognition

Logical & critical thinking

Tinkering

Creativity

Debugging Collaboration

Persistency

Decomposition

Data

Algorithms

Systems thinking

PRACTICESCONCEPTS

Page 23: One Hundred Languages

COMPUTERS ARE FASTER, SMALLER, STRONGER - BUT ALSO MORE OPAQUE.

Page 24: One Hundred Languages
Page 25: One Hundred Languages
Page 26: One Hundred Languages
Page 27: One Hundred Languages
Page 28: One Hundred Languages
Page 29: One Hundred Languages
Page 30: One Hundred Languages
Page 31: One Hundred Languages
Page 32: One Hundred Languages

Computers are abstraction machines.

Page 33: One Hundred Languages

Copyright © Hello Ruby

Draw how you imagine a computer works :) What does the inside look like? How does it function? Is there magic?

Circle 7 activities you like doing most!

Exercise 2Draw!

playing with computer

building with legos

coding

drawing or painting

playing outside

reading books

the internet

watching tv

doing sports

exercising

writing

doing crafts

board games

playing music

listening to music

playing with toy cars

running

climbing trees

playing with dolls

looking for hidden things and places

imagining a magical world

looking for things

playing dress up

go to museums

spending time with the familyvisiting a farm

keeping a diary

looking at space

Exercise 5Circle!

happy sad powerful confused

how did this exercise make you feel? Circle the character

happy sad powerful confusedBONUS!

BONUS!

Page 34: One Hundred Languages

Kids drawing their apps, games, camera, and files within. A computer is a concrete place to hold your things inside of.

The Content Creators

Page 35: One Hundred Languages

Drawings that expressed connected parts, components, networks and elements by abstract drawings of wire connections and boxes linked with lines.

The Linkers

Page 36: One Hundred Languages

The scenographer -kids took the computer to the theatre stage. Carrying out functions was also a popular drawing theme, with some of the kids noting that people or bugs physically carry out functions from one part of the computer to the other.

The Scenographers

Page 37: One Hundred Languages

Represented computers as gears interlocking for a mechanical action to be carried out.

The Gear Gurus

Page 38: One Hundred Languages

Super technical drawings included resistors, wires, motherboards, and everything electronic to show that there exists nothing but elements which a current runs through. To our interpretation of their drawing, a computer is based on logic not magic, on connections not abstract things.

The Drafters

Page 39: One Hundred Languages
Page 40: One Hundred Languages
Page 41: One Hundred Languages
Page 42: One Hundred Languages
Page 43: One Hundred Languages

There’s hundreds of computers in every home.

1-2 3-6 7-9

Page 44: One Hundred Languages
Page 45: One Hundred Languages

Charles Babbage, Alan Turing, John von Neumann

Control Unit

Immediate access store

Input Output

Arithmetic Logic Unit

CPU

Program, Data and modified data

I/O

Page 46: One Hundred Languages

INPUT OUTPUTPROCESSING

INPUT OUTPUTPROCESSING

SEATBELT UNLOCKED!

+

WARN THE PASSANGER!

TOUCH SCREEN

MOUSE

3D PRINTER

MONITOR

PRINTERPRINTER

HEADPHONES

KEYBOARD

TEMPERATURE SENSOR

MICROPHONE

Page 47: One Hundred Languages

Charles Babbage, Alan Turing, John von Neumann

Control Unit

Immediate access store

Input Output

Arithmetic Logic Unit

CPU

Program, Data and modified data

I/O

Page 48: One Hundred Languages

INPUT OUTPUT

Picture

English sentence

Car cameras

Audioclip

Are there human faces (0 or 1)

French sentence

Position of other cars

Transcript of audio clip

APPLICATION

Photo tagging

Translation

Self-driving cars

Speech recognition

Page 49: One Hundred Languages

7

SERVICE DATA? ENTRUSTED DATA?? INCIDENTAL DATA ?

BEHAVIORAL DATA??? DERIVED DATA?

Page 50: One Hundred Languages

8

DATASELFIE5 things you’ve searched online

4 things you’ve liked or given thumbs up to

3 videos you’ve watched

2 places you’ve been with a mobile phone

1 person you’ve messaged with

Page 51: One Hundred Languages

What kind of an ad your user might like to click?

What kind of a headline your

user might like?

What kind of photo would suit

this user?

Page 52: One Hundred Languages

Notional machine“An abstraction of the computer that one can use for thinking about what a computer can and

will do.” - Benedict DuBoulay

“We want students to understand what a computer can do, what a human can do, and why that’s

different. To understand computing is to have a robust mental model

of a notional machine.” - Mark Guzdial

Computer is the same thing as Internet.

Computer is the same thing as machine.

Computer is the same thing as technology.

Computers have feelings.

Computers can sense things.

Computers have sensors.

Computers can make art.

Computers think.

Computer know about me.

Completely

disagree

Strongly

agreeNot sure. AgreeDisagree. I don’t

understand

Page 53: One Hundred Languages
Page 54: One Hundred Languages

Keitä jännittää ohjelmoinnin tulo kouluun?

Every company will be a technology company.

Page 55: One Hundred Languages

What if Armi Ratia of Marimekko was a programmer?Pyininpakka, Putti, Pukukka,

Tanohalti, Tirkka, Ruitintullo…

Page 56: One Hundred Languages
Page 57: One Hundred Languages

Finally

Page 58: One Hundred Languages

The child has a hundred languages

(and a hundred hundred hundred more) but they steal ninety-nine. The school and the culture

separate the head from the body. They tell the child: to think without hands to do without head

to listen and not to speak to understand without joy to love and to marvel

only at Easter and at Christmas.

They tell the child: to discover the world already there

and of the hundred they steal ninety-nine.

The child is made of one hundred. The child has

a hundred languages a hundred hands

a hundred thoughts a hundred ways of thinking of playing, of speaking.

A hundred.

Always a hundred ways of listening

of marveling, of loving a hundred joys

for singing and understanding a hundred worlds

to discover a hundred worlds

to invent a hundred worlds

to dream.

They tell the child: that work and play reality and fantasy

science and imagination sky and earth

reason and dream are things

that do not belong together.

And thus they tell the child that the hundred is not there.

The child says: No way. The hundred is there.

- -Loris Malaguzzi - (translated by Lella Gandini)

Founder of the Reggio Emilia Approach

The 100 languages

Page 59: One Hundred Languages

Programming is a tool for self-expression, just like crayons and lego blocks.

Page 60: One Hundred Languages

So once there was this guy called Claude

Shannon.

He is the guy behind information theory.

But also the first one to notice the

similarities between electricity and logic.

Page 61: One Hundred Languages
Page 62: One Hundred Languages

Technology is built on humanity.

Computer (km-pytr) n. person who makes calculations or computations; a calculator, a reckoner; spec. a person employed to make calculations in an observatory, in surveying.

Technology (from Greek τέχνη) Techne, "art, skill, cunning of hand"; and -λογία, -logia[1]. Techniques, skills and competencies alongside the tools needed to do the job. Agriculture is a technology; democracy is a technology.

Page 63: One Hundred Languages
Page 64: One Hundred Languages
Page 65: One Hundred Languages