[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:02.11,0:00:11.94,Default,,0000,0000,0000,,♩♫♪♬
Dialogue: 0,0:00:11.94,0:00:15.40,Default,,0000,0000,0000,,Hi! Wilkommen zu App Inventors Hour of Code!
Dialogue: 0,0:00:15.40,0:00:18.52,Default,,0000,0000,0000,,Wir sind hier im Zentrum für mobiles Lernen vom MIT. Ich bin Shay.
Dialogue: 0,0:00:18.52,0:00:21.93,Default,,0000,0000,0000,,Und ich bin Emily. Heute werden wir dir zeigen, wie du deine erste Andriodapp programmierst.
Dialogue: 0,0:00:21.93,0:00:24.100,Default,,0000,0000,0000,,Die heuige App heißt "Talk To Me", weil sie zu einem spricht.
Dialogue: 0,0:00:25.09,0:00:28.78,Default,,0000,0000,0000,,Es ist recht einfach: Du drückst einen Knopf und das Smartphone spricht einen Satz laut aus.
Dialogue: 0,0:00:29.68,0:00:31.28,Default,,0000,0000,0000,,>Welcome to App Inventor<
Dialogue: 0,0:00:31.70,0:00:33.11,Default,,0000,0000,0000,,Kann man es auch andere Sachen sagen lassen?
Dialogue: 0,0:00:33.11,0:00:34.12,Default,,0000,0000,0000,,So ziemlich alles!
Dialogue: 0,0:00:34.14,0:00:36.34,Default,,0000,0000,0000,,Das würde mir Spaß machen!
Dialogue: 0,0:00:36.37,0:00:37.92,Default,,0000,0000,0000,,Okay, fangen wir an...
Dialogue: 0,0:00:37.94,0:00:40.22,Default,,0000,0000,0000,,Teil 1: Ein Neues Projekt Erstellen
Dialogue: 0,0:00:40.62,0:00:48.50,Default,,0000,0000,0000,,Um eine neue App zu erstellen, klicke auf den "Create"-Knopf auf der App Inventor Webseite "appinventor.mit.edu".
Dialogue: 0,0:00:48.68,0:00:56.16,Default,,0000,0000,0000,,Du brauchst einen Googleaccount zum Einloggen. Das ist ein Gmail- oder ein Schulaccount, wenn deine Schule Google Apps verwendet.
Dialogue: 0,0:00:57.12,0:00:59.04,Default,,0000,0000,0000,,Der Splashscreen kann vorerst geschlossen werden.
Dialogue: 0,0:00:59.04,0:01:03.50,Default,,0000,0000,0000,,Wenn du dich das erste Mal einloggst, hast du noch keine Projekte.
Dialogue: 0,0:01:03.66,0:01:05.59,Default,,0000,0000,0000,,Also klicke "New Project" oben links.
Dialogue: 0,0:01:07.51,0:01:09.43,Default,,0000,0000,0000,,Unsere erste App heißt "TalkToMe".
Dialogue: 0,0:01:09.43,0:01:14.52,Default,,0000,0000,0000,,Projektnamen dürfen keine Leerzeichen enthalten. Also nur "TalkToMe" eintippen - ohne Leerzeichen.
Dialogue: 0,0:01:15.39,0:01:19.81,Default,,0000,0000,0000,,Nun bist du im Designfenster. Dort werden die Komponenten und das Layout aufgebaut.
Dialogue: 0,0:01:19.81,0:01:25.82,Default,,0000,0000,0000,,Unsere App braucht einen Knopf. Also klicke auf "Button", ziehe ihn hinüber zur Anzeige und lass ihn fallen.
Dialogue: 0,0:01:26.06,0:01:31.90,Default,,0000,0000,0000,,Eines der nettesten Eigenschaften von App Inventor ist, dass du die App benutzen kannst, während du sie baust.
Dialogue: 0,0:01:32.06,0:01:36.52,Default,,0000,0000,0000,,Lass uns das Smartphone zu der App verbinden, um sie darauf zu sehen und auszutesten, während du sie baust.
Dialogue: 0,0:01:36.52,0:01:41.65,Default,,0000,0000,0000,,Solltest du kein Android-Smartphone oder -Tablet haben, kannst du das Tutorial trotzdem machen.
Dialogue: 0,0:01:41.69,0:01:47.82,Default,,0000,0000,0000,,Allerdings musst du kurz das Video pausieren und die Instruktionen lesen, wie man einen Andriod-Emulator auf dem Computer startet.
Dialogue: 0,0:01:47.95,0:01:53.77,Default,,0000,0000,0000,,Wie das geht und anderes Hilfreiches findest du unter "Guide".
Dialogue: 0,0:01:54.25,0:01:56.95,Default,,0000,0000,0000,,Teil 2: Das Smartphone Verbinden
Dialogue: 0,0:01:57.00,0:02:04.56,Default,,0000,0000,0000,,Nun, um das Andriod-Smartphone mit App Inventor zu verbinden, gehe zum "Connect"-Menü und wähle "AI Companion".
Dialogue: 0,0:02:04.74,0:02:11.26,Default,,0000,0000,0000,,Du brauchst die "App Inventor Companion"-App auf deinem Smartphone oder Tablet. Das ist einfach gemacht:
Dialogue: 0,0:02:11.26,0:02:14.85,Default,,0000,0000,0000,,Klicke auf "Need help finding the companion app?".
Dialogue: 0,0:02:14.92,0:02:18.95,Default,,0000,0000,0000,,Das führt dich zum Google Play Store zum Download der App.
Dialogue: 0,0:02:18.95,0:02:30.45,Default,,0000,0000,0000,,Am Einfachsten geht der Download mit einem QR-Code-Leser, mit dem du den Code einliest. Du kannst auch selbst den Playstore öffnen und nach "MIT AI2 Companion" suchen.
Dialogue: 0,0:02:30.52,0:02:37.83,Default,,0000,0000,0000,,Okay, sobald die "MIT AI2 Companion"-App installiert ist, musst du sie auf dem Smartphone starten.
Dialogue: 0,0:02:40.35,0:02:47.58,Default,,0000,0000,0000,,Wenn du das Verbindungsfenster in App Inventor geschlossen hast, klicke nochmal auf das "Connect"-Menü und wähle "AI Companion".
Dialogue: 0,0:02:47.58,0:02:52.17,Default,,0000,0000,0000,,Das Verbindungsfenster, das aufpoppt, zeigt dir sechs Zeichen und einen QR-Code.
Dialogue: 0,0:02:53.09,0:02:58.27,Default,,0000,0000,0000,,In der Companionapp auf dem Smartphone drücke "scan QR code".
Dialogue: 0,0:03:03.08,0:03:10.28,Default,,0000,0000,0000,,Hat dein Smartphone keine Kamera, kannst du einfach die sechs Zeichen eintippen und dann "connect with code" drücken.
Dialogue: 0,0:03:11.06,0:03:18.24,Default,,0000,0000,0000,,Großartig! Jetzt ist dein Smartphone in echtzeit mit App Inventor verbunden! Du solltest den Knopf sehen, den du schon zur App hinzugefügt hast.
Dialogue: 0,0:03:18.36,0:03:23.48,Default,,0000,0000,0000,,Von jetzt an, wirst du alle Änderungen an der App sofort auch auf dem Smartphone wiederfinden.
Dialogue: 0,0:03:23.50,0:03:29.78,Default,,0000,0000,0000,,Sieht aus wie Magie, stimmts? Naja, wenn du die Verbindung zu App Inventor trennst, siehst du auch die App nicht mehr auf dem Smartphone.
Dialogue: 0,0:03:29.95,0:03:37.64,Default,,0000,0000,0000,,Damit die App auf dem Smartphone bleibt oder auf dem eines Freundes, musst du sie erst verpacken. Aber dazu kommen wir später.
Dialogue: 0,0:03:39.37,0:03:41.71,Default,,0000,0000,0000,,Teil 3: Die App Designen
Dialogue: 0,0:03:42.12,0:03:47.29,Default,,0000,0000,0000,,Bemerke, dass der Knopf, den wir hinzugefügt haben, sagt "Text for Button1". Lass und das ändern.
Dialogue: 0,0:03:47.63,0:03:54.47,Default,,0000,0000,0000,,Hier drüben, rechts ist der Abschnitt für Eigenschaften. Dort können die Eigenschaften aller Komponenten in deiner App gesetzt werden.
Dialogue: 0,0:03:54.65,0:04:01.14,Default,,0000,0000,0000,,Um den Text auf dem Knopf zu verändern, klicke auf "Text" und tippe "Talk To Me".
Dialogue: 0,0:04:01.35,0:04:06.84,Default,,0000,0000,0000,,Schau, auf dem verbundenen Smartphone ändert sich auch der Text. Cool, oder?
Dialogue: 0,0:04:09.27,0:04:14.29,Default,,0000,0000,0000,,Super. So. Jetzt brauchen wir nur noch eine weitere Komponente bevor wir in die Blöcke gehen und programmieren.
Dialogue: 0,0:04:14.44,0:04:22.54,Default,,0000,0000,0000,,Gehe zu "Media" und ziehe eine "TextToSpeech"-Komponente heraus: Klicke darauf, ziehe sie herüber zur Appansicht und lass' sie fallen.
Dialogue: 0,0:04:22.72,0:04:28.58,Default,,0000,0000,0000,,Du wirst feststellen, dass sie nach unten fällt, zu den unsichbaren Komponenten. Jetzt haben wir alle Komponenten.
Dialogue: 0,0:04:28.75,0:04:35.36,Default,,0000,0000,0000,,Nun, da wir die Komponenten für unsere App gesetzt haben, müssen wir angeben, was die Komponenten tun sollen. Dafür klicken wir auf "Blocks".
Dialogue: 0,0:04:37.06,0:04:39.88,Default,,0000,0000,0000,,Teil 4: Programmieren Mit Blöcken
Dialogue: 0,0:04:40.04,0:04:41.78,Default,,0000,0000,0000,,Und jetzt sind wir im Blockeditor.
Dialogue: 0,0:04:41.96,0:04:47.22,Default,,0000,0000,0000,,Der Blockeditor ist, wo man die Blocke zusammenklickt, um das Verhalten seiner App festzulegen.
Dialogue: 0,0:04:47.37,0:04:50.46,Default,,0000,0000,0000,,Wir möchten die App auf einen Knopf-Klick reagieren lassen.
Dialogue: 0,0:04:50.66,0:04:54.73,Default,,0000,0000,0000,,So, gehe zu "Button1" und sieh alle Blöcke für Knöpfe.
Dialogue: 0,0:04:54.88,0:04:58.33,Default,,0000,0000,0000,,Wähle "Button1.Click" and wirf es auf die Arbeitsfläche.
Dialogue: 0,0:04:58.44,0:05:03.14,Default,,0000,0000,0000,,Nun haben wir die Blöcke, um der App zu sagen, was zu tun ist, wenn der Knopf geklickt wird.
Dialogue: 0,0:05:03.38,0:05:09.41,Default,,0000,0000,0000,,Gehe zur "TextToSpeech"-Komponente, klicke darauf und sieh die Blöcke für Text-zu-Sprache.
Dialogue: 0,0:05:09.42,0:05:16.38,Default,,0000,0000,0000,,Wähle den Aufruf "TextToSpeech1.Speak" und ziehe ihn hinüber zum "when Button1.Click"-Block.
Dialogue: 0,0:05:15.65,0:05:21.08,Default,,0000,0000,0000,,Es passt wie angegossen und du hörst einen Klack, wenn die Blöcke verschmelzen. Ich liebe den Klang!
Dialogue: 0,0:05:21.23,0:05:24.100,Default,,0000,0000,0000,,Nun müssen wir noch eine Sache hinzufügen bevor wir die App testen.
Dialogue: 0,0:05:25.08,0:05:30.02,Default,,0000,0000,0000,,Beachte, dass wir eine leere Buchse hier haben. Wir müssen dem "Speak"-Block sagen, was er sagen soll.
Dialogue: 0,0:05:30.03,0:05:41.24,Default,,0000,0000,0000,,Um das zu tun, gehe zur "Text"-Schublade unter den "Built-in"-Blöcken. Nimm einen leeren Textblock und bringe ihn herüber. Klicke es in den "TextToSpeach1.Speak"-Block.
Dialogue: 0,0:05:41.38,0:05:43.61,Default,,0000,0000,0000,,Ein neues befriedigendes Klicken.
Dialogue: 0,0:05:43.68,0:05:51.29,Default,,0000,0000,0000,,Nun klicke auf den leeren Textblock und tippe "Herzlichen Glückwunsch! Du hast deine erste App erstellt!".
Dialogue: 0,0:05:52.15,0:05:54.22,Default,,0000,0000,0000,,Teil 5: Teste Deine App
Dialogue: 0,0:05:54.23,0:05:57.89,Default,,0000,0000,0000,,Okay, du kannst die App jetzt testen! Gehe zu deinem Smartphone und drücke auf den Knopf.
Dialogue: 0,0:05:58.22,0:06:00.49,Default,,0000,0000,0000,,>Herzlichen Glückwunsch! Du hast deine erste App erstellt!<
Dialogue: 0,0:06:00.81,0:06:04.65,Default,,0000,0000,0000,,Wenn du irgendwelche Probleme mit dem Tutorial hattest, kannst du die schriftliche Version auf der App Inventor Seite ansehen.
Dialogue: 0,0:06:04.76,0:06:07.08,Default,,0000,0000,0000,,- Das war's?\N- Äh ja...
Dialogue: 0,0:06:07.08,0:06:08.50,Default,,0000,0000,0000,,Okay, bis bald!
Dialogue: 0,0:06:08.65,0:06:09.63,Default,,0000,0000,0000,,Warte, komm zurück!
Dialogue: 0,0:06:09.90,0:06:13.75,Default,,0000,0000,0000,,Schön, ich dachte die App wäre ein bisschen cooler - Ich kann mit mir selbst reden...
Dialogue: 0,0:06:13.92,0:06:18.95,Default,,0000,0000,0000,,Geduld, junger Padawan! Nun da wir wissen, wie App Inventor benutzt wird, sind die Möglichkeiten endlos.
Dialogue: 0,0:06:19.11,0:06:21.60,Default,,0000,0000,0000,,- Können wir es auf Schütteln reagieren lassen?\N- Ja
Dialogue: 0,0:06:21.60,0:06:23.76,Default,,0000,0000,0000,,- Oder den Nutzer seinen eigenen text eingeben lassen?\N- Absolut!
Dialogue: 0,0:06:24.20,0:06:27.23,Default,,0000,0000,0000,,Tatsächlich, im unserem nächsten Video, ist das genau was wir tun werden.
Dialogue: 0,0:06:27.29,0:06:32.65,Default,,0000,0000,0000,,Wir machen es so, dass, wenn jemand das Smartphone schüttelt, es redet, und Nutzer ihre eigenen Texte eingeben können.
Dialogue: 0,0:06:32.76,0:06:34.33,Default,,0000,0000,0000,,Stark! Ich kann es kaum erwarten!
Dialogue: 0,0:06:34.33,0:06:43.82,Default,,0000,0000,0000,,♩♫♪♬