[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:02.38,0:00:12.12,Default,,0000,0000,0000,,♩♫♪♬
Dialogue: 0,0:00:12.36,0:00:17.48,Default,,0000,0000,0000,,Hey, willkommen zurück. Wir sind Shay und Emily und wir sind hier mit dem dritten Tutorial der App Inventor Hour of Code.
Dialogue: 0,0:00:17.62,0:00:20.78,Default,,0000,0000,0000,,- Hey Emily, ich fordere dich zu einem Zeichenduell heraus!\N- Zeig's mir!
Dialogue: 0,0:00:27.02,0:00:29.56,Default,,0000,0000,0000,,Okay, das war kindisch aber überraschend spaßig.
Dialogue: 0,0:00:29.65,0:00:33.80,Default,,0000,0000,0000,,Yeah. Es ist Zeit für den nächsten Schritt und wir haben dir gerade eine Aussicht gegeben.
Dialogue: 0,0:00:33.91,0:00:40.18,Default,,0000,0000,0000,,Es wird eine großartige App. Für diese App machen wir eine Leinwand, auf der man den Finger wie einen Stift verwenden kann.
Dialogue: 0,0:00:40.44,0:00:42.09,Default,,0000,0000,0000,,Wir nennen es "Digitales Kritzeln".
Dialogue: 0,0:00:42.16,0:00:49.10,Default,,0000,0000,0000,,Okay, zurück zum Bildschirm. Haha, verstehst du? Bild-Schirm... ähm. Großartig. Also los.
Dialogue: 0,0:00:49.19,0:00:52.48,Default,,0000,0000,0000,,Erneut, logge dich bei App Inventor ein, wenn du noch nicht dort bist.
Dialogue: 0,0:00:52.57,0:00:56.91,Default,,0000,0000,0000,,Beginne ein neues Projekt. Nenne dieses "DigitalDoodle".
Dialogue: 0,0:00:56.99,0:01:00.94,Default,,0000,0000,0000,,So wie bei der "Ball Bounce"-App brauchst du anfangs eine Leinwand.
Dialogue: 0,0:01:01.01,0:01:06.04,Default,,0000,0000,0000,,Aber bevor wir das machen - erinnerst du dich an den Trick, der die App vom Scrollen abhält?
Dialogue: 0,0:01:06.72,0:01:11.54,Default,,0000,0000,0000,,Richtig. Gehe in die Eigenschaften von "Screen1" und deaktiviere "Scrollable".
Dialogue: 0,0:01:11.64,0:01:16.58,Default,,0000,0000,0000,,Nun füge eine Leinwand hinzu, die du unter "Drawing and Animation" findest.
Dialogue: 0,0:01:16.68,0:01:23.58,Default,,0000,0000,0000,,Gehe zu den Eigenschaften der Leinwand und ändere die Einstellungen für Breite und Höhe auf "Fülle Elter".
Dialogue: 0,0:01:23.71,0:01:25.52,Default,,0000,0000,0000,,Das vergrößert unsere Leinwand ein ganzes Stück.
Dialogue: 0,0:01:25.68,0:01:34.14,Default,,0000,0000,0000,,Auch, obwohl wir sie noch nicht benutzen, ziehe eine Beschleunigungskomponente aus der Sensorenschublade und wirf sie auf die App.
Dialogue: 0,0:01:34.60,0:01:36.74,Default,,0000,0000,0000,,Zeit für die Blöcke!
Dialogue: 0,0:01:37.07,0:01:42.58,Default,,0000,0000,0000,,Okay, also das Event, das erkennt, wenn jemand den Finger auf der Zeichenfläche zieht, ist recht einfach zu erraten.
Dialogue: 0,0:01:42.67,0:01:49.25,Default,,0000,0000,0000,,Klicke auf die Blöcke der Leinwandkomponente und sieh in die Schublade. Kannst du herausfinden, welchen Block du brauchst?
Dialogue: 0,0:01:50.19,0:01:53.69,Default,,0000,0000,0000,,Richtig, du möchtest die Eventbehandlung für wenn "Canvas1" gezogen wird.
Dialogue: 0,0:01:53.77,0:01:59.68,Default,,0000,0000,0000,,Diese Eventbehandlung hat eine Reihe von Parametern. Keine Sorge - die sind recht einfach zu verstehen.
Dialogue: 0,0:01:59.74,0:02:05.21,Default,,0000,0000,0000,,Und du kannst Hilfe auf dem Bildschirm jeder Zeit bekommen, indem du die Maus über den Block bewegst. So.
Dialogue: 0,0:02:05.86,0:02:11.81,Default,,0000,0000,0000,,Okay, großartig! So. Wir wollen immer eine Linie malen von wo der Finger zuletzt war zu wo er jetzt ist.
Dialogue: 0,0:02:11.91,0:02:17.51,Default,,0000,0000,0000,,Im Grunde bringen wir die Zeichenfläche dazu, hunderte von Linien zwischen den Punkten der Fingerbewegung zu malen.
Dialogue: 0,0:02:17.60,0:02:20.91,Default,,0000,0000,0000,,Das wird so aussehen, als malten wir auf dem Bildschirm des Smartphones.
Dialogue: 0,0:02:20.98,0:02:30.92,Default,,0000,0000,0000,,Aber zuerst brauchen wir den Block, der eine Linie malt. Gehe wieder zu "Canvas1" und hol' diesmal den Block "call Canvas1.DrawLine".
Dialogue: 0,0:02:33.22,0:02:37.77,Default,,0000,0000,0000,,Jetzt brachen wir die X- und Y-Koordinaten vom Anfang der Linie zu deren Ende.
Dialogue: 0,0:02:37.87,0:02:44.18,Default,,0000,0000,0000,,Das "when Dragged"-Event ruft "DrawLine" immer und immer wieder während der Finger über den Bildschirm schleift.
Dialogue: 0,0:02:44.29,0:02:47.79,Default,,0000,0000,0000,,Wir müssen lediglich die XY-Koordinaten für die Linien breitstellen.
Dialogue: 0,0:02:47.85,0:02:51.45,Default,,0000,0000,0000,,Fahre fort und nutze vorheriges X und vorheriges Y.
Dialogue: 0,0:02:52.76,0:02:56.04,Default,,0000,0000,0000,,Du wirst auch jetziges X und jetziges Y brauchen.
Dialogue: 0,0:02:57.58,0:02:58.84,Default,,0000,0000,0000,,Nun, probiere deine App aus.
Dialogue: 0,0:02:59.77,0:03:01.18,Default,,0000,0000,0000,,Sie sollte dich auf den Bildschirm zeichen lassen.
Dialogue: 0,0:03:03.40,0:03:08.82,Default,,0000,0000,0000,,Die App ist ist großartig aber wäre es nicht cool, wenn du Schütteln könntest, um den Bildschirm zu löschen, statt einen Knopf zu drücken?
Dialogue: 0,0:03:08.88,0:03:10.36,Default,,0000,0000,0000,,Ja, wie eine Zaubertafel.
Dialogue: 0,0:03:10.47,0:03:16.18,Default,,0000,0000,0000,,Okay, es ist Zaubertafelzeit. Erinnere dich an den Beschleunigungssensor, den wir in die Komponentenliste getan haben.
Dialogue: 0,0:03:16.32,0:03:18.48,Default,,0000,0000,0000,,Also können wir das jetzt programmieren.
Dialogue: 0,0:03:18.57,0:03:22.81,Default,,0000,0000,0000,,Gehe zur Schublade des Beschleunigungssensors und ziehe "when Shaking" raus.
Dialogue: 0,0:03:22.87,0:03:26.14,Default,,0000,0000,0000,,Der Block, den wir zum Löschen des Bildschirms brauchen, ist einfach gefunden.
Dialogue: 0,0:03:26.24,0:03:34.66,Default,,0000,0000,0000,,Gehe zur Leinwand und wähle "call Canvas1.Clear". Stecke diesen violetten Block richtig in den Eventhandler für das Schütteln.
Dialogue: 0,0:03:35.67,0:03:37.02,Default,,0000,0000,0000,,Großartig! Teste die App wieder.
Dialogue: 0,0:03:37.15,0:03:39.38,Default,,0000,0000,0000,,Löscht sich die Zeichnung, wenn du es schüttelst?
Dialogue: 0,0:03:39.46,0:03:45.58,Default,,0000,0000,0000,,Knorke! Wiederum haben wir eine einfache App gebaut, die auf verschiedene lustige Weisen erweitert werden kann.
Dialogue: 0,0:03:45.66,0:03:55.06,Default,,0000,0000,0000,,Die App, die wir am Anfang des Tutorials demonstriert haben, lässt dich zuerst ein Bild machen und tut dieses Bild dann auf die Leinwand, wo du drauf malen kannst.
Dialogue: 0,0:03:55.17,0:03:59.15,Default,,0000,0000,0000,,Du kannst auch Knöpfe erstellen, um die Farbe der Tinte für die Zeichnung zu ändern.
Dialogue: 0,0:03:59.22,0:04:03.78,Default,,0000,0000,0000,,All diese Erweiterungen werden in dem "PaintPot"-Tutorial auf unserer Webseite erklärt.
Dialogue: 0,0:04:03.88,0:04:10.82,Default,,0000,0000,0000,,Wie du sehen kannst, gibt es endlos viele Möglichkeiten, was du mit App Inventor bauen kannst. Es reicht an fast alle Fähigkeiten deines Smartphones heran.
Dialogue: 0,0:04:10.89,0:04:15.35,Default,,0000,0000,0000,,Du kannst sogar Text senden und empfangen und anrufen, wenn du ein voll funktionstüchtiges Smartphone hast.
Dialogue: 0,0:04:15.44,0:04:18.56,Default,,0000,0000,0000,,Sogar auf einem Tablet, über WLAN, kannst du ganz coole Sachen machen.
Dialogue: 0,0:04:18.65,0:04:24.49,Default,,0000,0000,0000,,Danke, dass du mitgemacht hast. Wenn du interessiert bist, mehr über App Inventor zu lernen, gehe auf die App Inventor Webseite.
Dialogue: 0,0:04:24.60,0:04:26.30,Default,,0000,0000,0000,,Frohes Erfinden!
Dialogue: 0,0:04:26.41,0:04:36.09,Default,,0000,0000,0000,,♩♫♪♬