Skip to content

Latest commit

 

History

History
61 lines (38 loc) · 2.4 KB

File metadata and controls

61 lines (38 loc) · 2.4 KB

App Labor Einführung

Hier findest du eine kurze Einführung in die Benutzeroberfläche des App Labors von Code.org

Registrierung

Um das App Lab benutzen zu können, musst du dich zunächst bei Code.org registieren.

i> Falls du bereits ein Benutzerkonto bei Code.org hast, kannst du direkt zum nächsten Abschnitt Anmeldung gehen.

  1. Klicke auf folgenden Link https://studio.code.org/users/sign_up oder gib den Link im Browser ein.
  2. Fülle das Anmeldeformular aus und klicke auf Registieren oder wähle die Option dich mit einem Google-, Facebook- oder Microsoft-Konto anzumelden.

w> Denke daran dir dein Passwort zu merken.

Anmeldeformular von Code.org

Anmeldung

Wenn du ein Benutzerkonto bei Code.org hast, kannst du dich hier anmelden.

https://studio.code.org/users/sign_in

Nach der Anmeldung landest du auf deinem Armaturenbrett.

t> Klicke auf App-Labor, um ein neues Projekt im App Labor zu starten.

Armaturenbrett

Die Benutzeroberfläche des App Labors

Hier siehst du die Benutzeroberfläche des Abb Labors. AppLab-Benutzeroberfläche - Code-Ansicht

Die Benutzeroberfläche des App Labors hat drei Ansichten:

  1. die Code-Ansicht
  2. die Entwurf-Ansicht
  3. die Daten-Ansicht.

i> Du kannst oben-links zwischen den Ansichten wechseln. AppLab-Benutzeroberfläche - Code-Ansicht mit Anmerkung: "Hier kannst du zwischen den Ansichten wechseln"

Die Code-Ansicht

In der Code-Ansicht gibt es drei Bereiche.

  1. Auf der linken Seite siehst du deine App und kannst sie testen.
  2. Auf der rechten Seite befindet sich der Arbeitsbereich. Hier wird das Programm geschrieben.
  3. In der Mitte ist die Werkzeugkiste. Hier findest du verschiedene Code-Bausteine, die du per drag-and-drop deinem Programm hinzufügen kannst.

Die Entwurf-Ansicht

In der Entwurf-Anischt gibt es drei Bereiche.

  1. Auf der linken Seite siehst du deine App.
  2. In der Mitte befindet sich die Design Toolbox.
  3. Auf der rechten Seite können im Workspace die Eigenschafen (Properties) der Elemente bearbeitet werden.

Die Daten-Ansicht

Diese Ansicht benötigst du zunächst nicht.