Talk To Me (Teil 2), MIT App Inventor Tutorial #2

Teil 2 der "Talk To Me"-Einführung in App Inventor zeigt, wie das Smartphone redet, wenn es geschüttelt wird, und auch wie es alles spricht, was eingetippt wird.

♩♫♪♬

Hallo und Willkommen zurück zu App Inventors Hour of Code.

- Ich bin Emily.
- Und ich bin Shay.

In unserem letzzten Video haben wir dir gezeigt, wie die "Talk To Me"-App zu machen ist: Du drückst einen Knopf und das Smartphone redet zu dir.

- So cool.
- Aber wir mussten irgendwo anfangen!

Ich bin bereit, zu was Coolen zu kommen.

Okay, jetzt erweitern wir die "Talk To Me"-App, sodass sie reagiert, wenn wir sie schütteln und auch dass der Nutzer eigenen Text eingeben kann.

>Hör' auf, mich zu schütteln!<

- Cool genug für dich?
- Ich sehe endlos viele Möglichkeiten. Ich kann joggen und dauerhaft Ermutigung erhalten.

Großartig! Also fangen wir an und das Gute ist, das braucht nur wenige Minuten, weil App Inventor es wirklich einfach macht.

Redet dein Smartphone mit dir? Gut, bleib dran, es kommt noch besser.

Wir endeten mir unserer "Talk To Me"-App im Blockeditor. Nun müssen wir zurück in den Designer gehen, um eine andere Komponente hinzuzufügen.

Wir wollen "Talk To Me" erweitern, sodass das Smartphone redet, wenn du es schüttelst. Um das zu erreichen brauchen wir einen Beschleunigungssensor.

Klicke auf die Sensorenschublade und ziehe einen Beschleunigungssensor heraus. Das ist wieder eine unsichtbare Komponente, die unter den Bildschirm fällt.

Das ist alles, was wir vorerst brauchen! Gehe zurück zum Blockeditor.

Während du deine Apps entwickelst, wirst du immer wieder zwischen Blockeditor und Designer wechseln.

Jetzt brauchen wir einen Block für wenn das Smartphone geschüttelt wird. Das nennt man auch Event-Handler.

Ziehe den "when AcceleromenterSensor1.Shaking"-Block heraus.

Also wenn das Event auslöst, dann wird das Smartphone geschüttelt.

Was wollen wir, das dann passiert? Wir wollen, dass das Smartphone uns was sagt, stimmts?

So, wir kennen schon die Blöcke, die das behandeln - die selben Blöcke, die wir im "Button1.Click"-Event haben.

Hier ist eine coole Abkürzung, die dir hilft, noch schneller in App Inventor zu programmieren. Du kannst Blöcke kopieren und einfügen.

Klicke of den violetten "TextToSpeech"-Block. Drücke die Tastenkombination für Kopieren auf deinem Computer, so wie du es mit Text machen würdest.

Und dann drücke die Tastenkombination für Einfügen. Voilà, hier ist die Kopie der "TextToSpeech"- und Textblöcke.

Ziehe diese Blöcke hinein in den Beschleunigungssensor-Schütteln-Event-Block.

Solltest du Probleme beim Kopieren und Einfügen der Blöcke haben, ist das okay. Du kannst auch neue Blöcke aus den Schubladen links ziehen.

Erinnere dich, wir hatten den "TextToSpeech.Speak"-Block von "TextToSpeech" und den leeren Textblock aus der eingebauten Textschublade.

Momentan wird das Smartphone laut reden, wenn du es schüttelst. Aber wäre es nicht viel besser, wenn es was darüber sagt, geschüttelt zu werden?

Lass' uns einen lustigen Satz reintun. Ich tippe "Hör' auf, mich zu schütteln!".

Okay, probier's aus! Nimm dein Smartphone und schüttel es.

>Hör' auf, mich zu schütteln!<

So, unsere App ist schon ganz nett, stimmts? Aber warte! Da muss noch einwas hinzu. Stell dir vor, du würdest die App mit deinen Freunden teilen: Denkst du nicht, es wäre viel besser, wenn sie dem Smartphone sagen können, was es sagen soll?

Um das zu erreichen gehe zurück in den Designer, gehe zum User-Interface und ziehe eine Textbox heraus.

Lass' es uns neu ordnen, den Knopf unter die Textbox.

Okay, rate mal...

Zurück zu den Blöcken.

Klicke auf "TextBox1" und schaue auf die Blöcke, die sie hat. Wir wollen nun ändern, was passiert, wenn der Knopf gedrückt wird.

Statt einem festen Satz wollen wir, dass die App sagt, wasauchimmer den Nutzer in die Textbox schreibt.

Scrolle ganz nach unten zu den grünen Blöcken, die wir "Getter" und "Setter" nennen, weil mit ihnen die Eigenschaften der Komponenten ausgelesen und gesetzt werden können.

Du möchtest den Text aud der Textbox haben. Also brauchst du den "Getter"-Block for "TextBox1.Text".

Stecke diesen Block in den "when Button1.Click"-Block.

Um das zu tun, muss der alte Textblock weggeworfen werden. Danach stecke den "TextBox1.Text" Block in die freie Buchse.

Probier' deine App wieder aus. Wenn du in die freie Textbox auf deinem Smartphone drückst, kommt die Tastatur hoch und du kannst eintippen, wasimmer du magst.

Klicke dann "Talk To Me" und schau, was geschieht.

>Hallo Welt!<

Es gibt einige coole Möglichkeiten, diese App zu erweitern. Schaue in das schriftliche Tutorial für ein paar Verbesserungsideen.

Solltest du Probleme mit dem Tutorial haben, kannst du die schriftliche Version auf unserer Webseite ansehen.

>Stop! Stop! Stop! Stop!<
- Oh Mann, wir haben eine echte App gemacht.

>Stop! Stop! Stop! Stop!<
- Das ist irgendwie nerfig.

>Stop! Stop! Stop! Stop!<
- Du hast sie gebaut!

Oh. Stimmt.

Im nächste Schritt geht es rund, denn wir werden dir zeigen, wie ein Ball über den Bildschirm rollt, wenn du ihn anstupst.

>Stop! Stop! Stop! Stop!<
- Kann's kaum erwarten!

>Stop! Stop! Stop! Stop! Stop! Stop! Stop Shaking Me!<

♩♫♪♬