Meine ersten Apps (eBook)

Tipp: Nummeriere deine Projekte durch. Da du nicht mit Ziffern im Namen starten darfst, könntest du mit p für Projekt und dann einer Nummer beginnen und am Ende eine Versionsnummer anhängen.

Tipp: Übrigens kannst du mit dem MIT App Inventor auch mit anderen zusammen an einem gemeinsamen Projekt arbeiten. Dazu müsst ihr nicht zusammen an einem PC und auch nicht zusammen an einem Ort sitzen. Ihr braucht nur den gleichen Anmelde-Code für den MIT App Inventor, der euch zu Beginn angezeigt wurde.

Seid ihr zu zweit oder zu mehreren, kommt zuerst eine Warnmeldung mit der Frage, ob ihr mit „… Both Sessions…“ weitermachen wollt. Anschließend werdet ihr gefragt, ob ihr mit „… Multiple Sessions…“ fortfahren wollt. Bestätigt ihr beides, arbeitet ihr gemeinsam an einem Projekt.

Wichtig ist hier, dass ihr euch absprecht, wer an welchen Teilen arbeitet, dass ihr euch nicht gegenseitig in die Quere kommt!

Media: Hier hast du die Möglichkeit, Bilder und Sound hochzuladen, die du dann in deiner App verwenden kannst. Achte hier auf die Dateigröße und sinnvolle, kurze Dateinamen!

Palette: In der Palette findest du die sogenannten Komponenten, aus denen deine App später bestehen wird. Du kennst das sicher von Apps, die du selbst nutzt. Schaltflächen (Button), Textfelder (TextBox), usw.

Die Komponenten sind in Kategorien eingeteilt. Unter „User Interface“ findest du diejenigen, die wir am häufigsten brauchen. Wir werden aber auch noch Komponenten anderer Kategorien kennenlernen.

Tipp: Wenn du auf das Fragezeichen auf der rechten Seite klickst, bekommst du Informationen über die Komponente.

Viewer: Der Viewer zeigt dir eine Vorschau, wie die App auf deinem Smartphone aussehen wird. Du kannst drei Größen einstellen: Smartphone-, Tablet- oder Monitorgröße. Dazu kannst du entweder aus zwei Android-Devices oder einem iOS-Device wählen. Idealerweise programmieren wir so, dass unsere App überall gut aussieht. Wie das geht, lernst du später.

Components: Hier bekommst du einen Überblick, welche Komponenten du auf dem Bildschirm hast. Im Moment ist nur der Bildschirm selbst aufgelistet, der Screen1 heißt. Diesen Namen können wir, im Gegensatz zu allen Komponentennamen, nicht verändern.

Komponenten können mit „Delete“ gelöscht und mit „Rename“ umbenannt werden.

Properties (Eigenschaften): Hier hast du die Möglichkeit, für die unter „Components“ ausgewählte Komponente, die Werte unterschiedlichster Eigenschaften (Position, Farbe, Beschriftung, …) zu verändern.

Die Einstellungen, die du hier (zur Entwicklungszeit) vornimmst, sind die, die deine Komponenten beim Start der App haben. Wir können alle Eigenschaften (bis auf den Namen der Komponente) auch noch in unserem Programm (zur Laufzeit) ändern.

Blocks (Blöcke): Hier findest du farblich sortiert schon eine ganze Menge an Blöcken, die unabhängig von den genutzten Komponenten vorhanden sind. Du wirst auch im Buch viele davon kennenlernen.

Darunter werden die Komponenten, die du auf den Bildschirm gesetzt hast, angezeigt. Hier ist das nur der Bildschirm „Screen1“ selbst. Wählt man eine der Komponenten aus, erhält man Blöcke, die speziell für diese Komponente nutzbar sind.

„Any component“ bietet die Möglichkeit, Blöcke für alle (mehrere) Komponenten gleichzeitig zu nutzen.

Hier gibt es übrigens nochmal die Möglichkeit, Komponentennamen zu ändern oder Komponenten zu löschen (mit „Rename“ oder „Delete“).

Media: Hier besteht wieder die Möglichkeit, Bilder oder Sounds hochzuladen. Außerdem bekommst du hochgeladene angezeigt und kannst sie hier zum Programmieren nutzen.

Viewer:

Hier wird programmiert, d.h. hier werden die benötigten Blöcke zusammengestellt.

Links unten werden Warnmeldungen angezeigt. Blöcke, die man nicht mehr braucht, kann man in den Mülleimer rechts unten im Eck ziehen. Wenn sich der Deckel öffnet, lässt man den Block bzw. die Blöcke los. In den Rucksack rechts oben kann man Blöcke ziehen, die man z.B. in einem anderen Projekt oder im gleichen Projekt auf einem anderen Bildschirm nochmal braucht. Klickt man auf einen gefüllten Rucksack, kann man von dort Blöcke wieder auf die Programmierfläche ziehen. Mit dem Fadenkreuz zentriert man seine Blöcke, mit dem Plus vergrößert man die Darstellung und mit dem Minus wird sie verkleinert.

Zusätzlich hat man hier noch eine ganze Menge weiterer Möglichkeiten. Wenn man mit der rechten Maustaste auf die freie Fläche klickt, öffnet sich ein Menü mit wichtigen Punkten (z.B. rückgängig machen („Undo“), alle Blöcke verkleinern („Collapse Blocks“), ein Gitter aktivieren („Enable Workspace Grid“), usw.)

Tipp: Weiß man, wie ein Block „heißt“, also welche Aufschrift er trägt, kann man einfach auf der Tastatur des PCs zu tippen anfangen, das Gewünschte auswählen und mit Enter bestätigen. Dann wird der Block automatisch erzeugt. Hat man mit der Maus vorab die Stelle markiert, wo der Block angefügt werden soll, wird er nach der Auswahl direkt dort...