Merge pull request #343 from code-dot-org/i18n-object

Translating AI for Oceans

Author: bethanyaconnor

i18n/oceans.json

@@ -0,0 +1,107 @@
+{
+    "fishvtrash-training-init1": "Garbage dumped in the water affects marine life.  In this activity, you will program or train A.I. (artificial intelligence) to identify fish or trash.  Let's clean up the ocean!  Click anywhere on the screen to continue.",
+    "fishvtrash-training-init2": "Let’s meet A.I.",
+    "fishvtrash-training-init3": "A.I. does not know if an object is a fish or trash, but it can process images and identify patterns.",
+    "fishvtrash-training-init4": "To program A.I., use the buttons to label an image as “Fish” or “Not Fish”.  The training you provide will teach A.I. to recognize patterns on its own.  Let’s get started!",
+    "fishvtrash-training-pause1": "Seventeen billion pounds of plastic enter the ocean each year.",
+    "fishvtrash-training-pause2": "You are programming or training A.I. with each click.  Keep going.",
+    "fishvtrash-training-pause3": "80% of ocean pollution comes from land debris and is estimated to cost $13 billion per year.",
+    "fishvtrash-training-pause4": "A.I. learns from your choices.  If you make “wrong” choices, A.I. will repeat your mistakes.  Keep training.",
+    "fishvtrash-training-pause5": "Great work!  The more data you provide A.I., the more it learns.  Keep training A.I. or continue when ready.",
+    "fishvtrash-predicting-init1": "Now let’s see if A.I. knows what a “fish” looks like.",
+    "fishvtrash-predicting-init2": "A.I. will analyze a random set of objects and label them based on your training.",
+    "fishvtrash-predicting-init3": "Let’s go!",
+    "fishvtrash-pond-init1": "Based on your training, here are some objects that A.I. identified as “fish”.  How did A.I. do?",
+    "fishvtrash-pond-recall": "Click here to switch between objects identified as “fish” and “not fish”.",
+    "fishvtrash-pond-init2": "You can train A.I. more...",
+    "fishvtrash-pond-init3": "...or Continue.",
+    "creaturesvtrashdemo-predicting-init1": "So far, we trained A.I. to identify objects as either “fish” or “not fish”.",
+    "creaturesvtrashdemo-predicting-init2": "What if this training data was used to decide what belonged in the water?",
+    "creaturesvtrashdemo-predicting-init3": "What would happen to other sea creatures?  Does our training approach cause unintended consequences?",
+    "creaturesvtrashdemo-predicting-init4": "Let's see.",
+    "creaturesvtrashdemo-predicting-pause1": "Did you notice that A.I. identified some sea creatures as “not fish”?",
+    "creaturesvtrashdemo-predicting-pause2": "While these sea creatures are not fish, they do belong in the water.",
+    "creaturesvtrashdemo-predicting-pause3": "A.I. only learns what we teach it.",
+    "creaturesvtrashdemo-predicting-pause4": "Let’s train A.I. again.",
+    "creaturesvtrash-training-init1": "Let’s teach A.I. to learn which objects should be in the water.",
+    "creaturesvtrash-training-init2": "In the ocean, plastic debris can harm fish, seabirds, and marine mammals. Protecting seabirds and marine life is one of many reasons to keep the oceans clean.",
+    "creaturesvtrash-training-init3": "The more training data you provide, the more A.I. learns.  Keep training.",
+    "creaturesvtrash-training-init4": "Marine plastic pollution has impacted at least 267 species worldwide, including 86% of all sea turtle species.",
+    "creaturesvtrash-training-init5": "Keep training to teach A.I. what belongs in the water.",
+    "creaturesvtrash-training-init6": "Great work!  The more data you provide A.I., the better it will do.  Keep training A.I. or continue when ready.",
+    "creaturesvtrash-predicting-init1": "Do you think A.I. will now do a better job identifying what should be in the water?  Let’s watch.",
+    "creaturesvtrash-pond-init1": "Based on your training, here are some objects that A.I. identified as “belongs in water”.  How did A.I. do?",
+    "fishshort-words-init1": "Artificial intelligence and machine learning can be used to teach a computer new patterns.",
+    "fishshort-words-init2": "Let’s teach A.I. a new word by showing it examples of that type of fish.",
+    "fishshort-words-training-pause1": "Do you think A.I. has enough training data?  You can click Continue to find out.",
+    "fishshort-words-training-pause2": "Great work!  Keep training A.I. or continue when ready.",
+    "fishshort-predicting-init1": "With your training data, you have programmed A.I. to recognize “{word}” fish.",
+    "fishshort-predicting-init2": "Let's see A.I. identify “{word}” fish.",
+    "fishshort-pond-init1": "Based on your training, A.I. identified {n, plural,one {this} other {these}} fish as “{word}”.  How did A.I. do?  You can Train More if you want to improve the results.",
+    "fishshort-pond-init2": "Click on the info button to see what A.I. learned.",
+    "fishlong-words-init1": "Now let’s see if A.I. can learn a less obvious word.",
+    "fishlong-words-init2": "Let’s teach A.I. a word that depends on your opinion.  It is up to you to pick fish that match your word.",
+    "fishlong-training-pause1": "Is it fair to use artificial intelligence to judge a fish by its looks?  While AI might seem fair and neutral, its analysis comes from the training we provide.  What unintended bias could this cause?",
+    "fishlong-training-pause2": "More training data will help A.I. learn your word.  Keep training.",
+    "fishlong-training-pause3": "Each choice you make can help A.I. learn.  Keep training.",
+    "fishlong-training-pause4": "Do you think A.I. has enough training data?  A.I. will do better with a lot of data.  Continue when you think A.I. is ready.",
+    "fishlong-training-many": "Wow.  That's a lot of fish!",
+    "fishlong-predicting-init1": "With your training data, you have programmed A.I. to recognize “{word}” fish.",
+    "fishlong-predicting-init2": "Let’s see A.I. identify “{word}” fish.",
+    "fishlong-pond-init1": "Based on your training, A.I. identified {n, plural,one {this} other {these}} fish as “{word}”.  How did A.I. do?",
+    "fishlong-pond-init2": "You can Train More if you want to improve the results.",
+    "fishlong-pond-init3": "Or you can teach A.I. a new word by choosing New Word.",
+    "didYouKnow": "Did you know?",
+    "continue": "Continue",
+    "areYouSure": "Are you sure?",
+    "eraseWarning": "Erasing A.I.'s data will permanently delete all training. Is that what you want to do?",
+    "erase": "Erase",
+    "cancel": "Cancel",
+    "yes": "Yes",
+    "no": "No",
+    "notWord": "Not {word}",
+    "run": "Run",
+    "mostImportantParts": "These were the most important fish parts:",
+    "clickIndividualFish": "Click individual fish to see their information.",
+    "mostImportantPartsInDetermining": "These were the most important fish parts in determining whether this fish was",
+    "or": "or",
+    "newWord": "New Word",
+    "finish": "Finish",
+    "trainMore": "Train More",
+    "wordQuestionShort": "What type of fish do you want to train A.I. to detect?",
+    "wordQuestionLong": "Choose a new word to teach A.I.",
+    "isThisFish": "Is this fish {word}?",
+    "isThisAFish": "Is this a fish?",
+    "doesThisBelongInWater": "Does this belong in the water?",
+    "fish": "Fish",
+    "waterCreature": "Water creature",
+    "blue": "Blue",
+    "green": "Green",
+    "red": "Red",
+    "circular": "Circular",
+    "rectangular": "Rectangular",
+    "triangular": "Triangular",
+    "angry": "Angry",
+    "awesome": "Awesome",
+    "delicious": "Delicious",
+    "endangered": "Endangered",
+    "fast": "Fast",
+    "fierce": "Fierce",
+    "fun": "Fun",
+    "glitchy": "Glitchy",
+    "happy": "Happy",
+    "hungry": "Hungry",
+    "playful": "Playful",
+    "scary": "Scary",
+    "silly": "Silly",
+    "spooky": "Spooky",
+    "wild": "Wild",
+    "dorsalFins": "dorsal fin",
+    "pectoralFinsFront": "pectoral fins",
+    "tails": "tail",
+    "bodies": "body",
+    "scales": "scales",
+    "eyes": "eyes",
+    "mouths": "mouth",
+    "colors": "colors"
+}

package.json

@@ -97,6 +97,7 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.25",
     "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/react-fontawesome": "^0.1.7",
+    "messageformat": "^1.1.0",
     "react-typist": "^2.0.5"
   },
   "files": [

src/oceans/helpers.js

@@ -66,21 +66,6 @@ export const colorForFishPart = (palette, part) => {
   }
 };
 
-export const friendlyNameForFishPart = part => {
-  const friendlyNamesForFishParts = {
-    dorsalFins: 'dorsal fin',
-    pectoralFinsFront: 'pectoral fins',
-    tails: 'tail',
-    bodies: 'body',
-    scales: 'scales',
-    eyes: 'eyes',
-    mouths: 'mouth',
-    colors: 'color'
-  };
-
-  return friendlyNamesForFishParts[part];
-};
-
 export const randomInt = (min, max) => {
   min = Math.ceil(min);
   max = Math.floor(max);

src/oceans/i18n.js

@@ -0,0 +1,22 @@
+import data from '../../i18n/oceans.json';
+import MessageFormat from 'messageformat'
+
+let messages;
+
+const initI18n = (i18n = {}) => {
+  // For now, use English pluralization rules.
+  const mf = new MessageFormat('en');
+  messages = {...mf.compile(data), ...i18n};
+};
+
+const t = (key, options) => {
+  if (!messages) {
+    throw "I18n must be initialized before calling t";
+  }
+  return messages[key](options);
+};
+
+export default {
+  initI18n,
+  t
+};

src/oceans/index.jsx

@@ -30,7 +30,7 @@ function initDemoPage() {
     canvas,
     backgroundCanvas,
     playSound: sounds.play.bind(sounds),
-    registerSound: sounds.register.bind(sounds),
+    registerSound: sounds.register.bind(sounds)
   });
 }
 

src/oceans/init.js

@@ -7,6 +7,7 @@ import {setInitialState, setSetStateCallback} from './state';
 import {render as renderCanvas} from './renderer';
 import modeHelpers from './modeHelpers';
 import soundLibrary from './models/soundLibrary';
+import I18n from './i18n';
 
 //
 // Required in options:
@@ -26,6 +27,8 @@ export const initAll = function(options) {
 
   soundLibrary.loadSounds();
 
+  I18n.initI18n(options.i18n);
+
   // Set initial state for UI elements.
   setInitialState({
     currentMode: Modes.Loading,