Android-Apps in der Cloud

Android-Entwicklung mit dem Google App Inventor

19.10.2011 von Walter Saumweber

Immer mehr Android-Apps finden sich im Store von Google. Doch mit einem simplen Editor stricken Sie eigene, auch komplexe Anwendungen, die Sie an Freunde weiter geben oder im Store verkaufen können.

ca. 2:35 Min
Ratgeber
VG Wort Pixel
  1. Android-Entwicklung mit dem Google App Inventor
  2. Funktionalität des Programms
  3. Anspruchvolle Anwendungen, Smartphone einbeziehen
apps
apps
© PC Magazin

"Wenn jemand daran gehen möchte, eigene Applikationen für mobile Endgeräte zu entwickeln, muss er nicht nur umfassende Programmierkenntnisse mitbringen, sondern sich auch mit den unterschiedlichsten Technologien beschäftigt haben." Eine gängige Aussage von erfahrenen Programmierern. Bisher. Für die Entwicklung von Android-Apps hat sich das nun gründlich geändert.

Der Schlüssel zum Erfolg heißt Google App Inventor (kurz: AI). Google hat AI Mitte 2010 in einer geschlossenen Betaversion bereitgestellt. Seit Dezember letzten Jahres ist die Plattform für jeden zugänglich, und sie stellt alles, was Sie für die App-Entwicklung benötigen, als kostenlosen Web-Service zur Verfügung. Sie brauchen nicht einmal ein Telefon angeschlossen zu haben, denn Sie testen Ihre Apps mit dem integrierten Simulator.

Statt Code-Zeilen einzutippen, arbeiten Sie in AI mit grafischen Puzzlesteinen, die Sie im Editor intuitiv zu Funktionen zusammenfügen. Das Tool basiert auf der Java-Laufzeitumgebung in Version 6 (www.java.com/de ). Der Teil der Entwicklungsumgebung, den Sie lokal installieren müssen und der dann mit den webbasierten AI-Komponenten zusammenwirkt, nennt sich App Inventor Setup Software.

Die Download-Links für die verschiedenen Betriebssysteme Windows, Mac und Linux sowie eine kleine Anleitung finden Sie auf der Seite appinventor.googlelabs.com/learn/setup . Starten Sie die Installer-Datei und folgen Sie den Anweisungen. Den vorgeschlagenen Installationspfad - bei Windows in der Regel C:\Program Files\AppInventor\commands-for-Appinventor - sollten Sie auf keinen Fall ändern.

Sie starten Ihre Android-Apps-Entwicklungsumgebung im Browser mit der URL appin ventor.googlelabs.com (am zuverlässigsten in Chrome). Zunächst erscheint die Google-Anmeldeseite. Geben Sie hier Ihre Google-E-Mail-Adresse und das zugehörige Passwort ein, und klicken Sie anschließend auf Sign in. Beim ersten Aufruf müssen Sie nun noch die Lizenzbedingungen von AI bestätigen, danach gelangen Sie über die Verknüpfung My Projects zum AI Designer.

Hallo Welt

Ai
Das erstes AI-Projekt: Alles ist übersichtlich angeordnet und nahezu selbsterklärend.
© PC Magazin

AI besteht aus zwei Komponenten: zum einen aus dem AI Designer, der im Browser zur Verfügung steht und zur Gestaltung einer Oberfläche dient. Zum anderen gibt es den Blocks Editor, der sich in einem separaten Fenster öffnet und die Programmlogik zur Verfügung stellt.

Hinzu kommt noch ein virtuelles Smartphone. Googles Hallo-Welt-Beispiel-Programm mit AI heißt Hello Purr, und indem Sie es nachvollziehen, machen Sie sich mit den wichtigsten Entwicklungsschritten vertraut. Für das Programm benötigen Sie die beiden Dateien kitty.png (appinventor.googlelabs.com/learn/tutori als/hellopurr/HelloPurrAssets/kitty.png ) und meow.mp3 (appinventor.googlelabs.com/learn/tutorials/hellopurr/HelloPurrAssets/me ow.mp3 ).

Natürlich können Sie das Beispiel mit Ihren eigenen Dateien entsprechend abwandeln. Klicken Sie im AI Designer auf die Schaltfläche New, um ein neues Projekt anzulegen. Geben Sie dem Projekt einen Namen, z.B. Maunz1 (Leerzeichen sind nicht erlaubt), und bestätigen Sie mit OK.

Danach wird die Design-Oberfläche gleich etwas bunter. In der linken Palette sehen Sie jetzt alle Steuerelemente, die Sie Ihrem Projekt hinzufügen können, im Viewer-Fenster erscheint das Bild eines Handys. Der Bereich Components zeigt die jeweils aktiven Komponenten. Da Sie ja noch keine hinzugefügt haben, sehen Sie hier nur die Screen-Komponente, die das Display des Smartphones darstellt.

Im Bereich Properties können Sie die Eigenschaften der jeweils selektierten Komponente bearbeiten. Ändern Sie hier doch gleich einmal die Hintergrundfarbe, indem Sie für die Eigenschaft BackgroundColor eine neue wählen.

Für die App benötigen Sie nur eine zusätzliche sichtbare Komponente, nämlich einen Button. Ziehen Sie diesen mit der Maus aus der Palette auf den Viewer. Überzeugen Sie sich davon, dass das Button-Steuerelement im Bereich Components selektiert ist. Löschen Sie nun im Bereich Properties den Text für den Button. Klicken Sie anschließend in das Textfeld unter Image und dann auf Add.

Mehr lesen

Chronologische Liste und Netflix-Links

Marvel-Filme- und -Serien: Das ist die richtige Reihenfolge

Neuerscheinungen in der Übersicht

Netflix: Neue Filme und Serien

Vorschau auf Film- und Serien-Highlights

Amazon Prime Video: Neuheiten

Weiter zur Startseite  

Mehr zum Thema

Pokémon GO Max WP

Übersicht der stärksten Pokémon

Pokémon GO: Maximale WP-Werte aller Pokémon (Liste)

Was sind die maximalen WP-Werte aller Pokémon in Pokémon GO? Welche sind die stärksten? Unsere übersichtliche Liste zu Wettkampfpunkten verrät es.

Pokemon GO Shiny Pokemon

Übersicht aller Shinies

Pokémon GO Shiny Liste: Wie man Shinies findet und erkennt

Unsere Shiny Übersicht für Pokémon GO listet alle aktuell erhältlichen Shinies im Spiel. Dazu erklären wir, wie man die Shinies findet und woran man…

Grafikkarte optimal einstellen

GPUs mit Echtzeit-Raytracing

Nvidia & AMD: Wann kommen neue Grafikkarten?

Ende 2020 startete Nvidias RTX 3000. AMD folgte mit RX 6000. Wann kommen neue Grafikkarten? +++ RTX 40 schon ab Juli / August? +++

Gratis-Spiele-bei-Steam-und-Epic

Vollversionen geschenkt & zum Antesten

Gratis-Spiele bei Steam, Epic, Humble Bundle & mehr im…

In dieser Übersicht zeigen wir Ihnen jeden Monat die Spiele, die Sie kostenlos bei Steam, im Epic Games Store, im Humble Bundle und mehr erhalten.

Intel-Grafikkarten werden mit Spannung erwartet.

Alternative für Nvidia & AMD

Alchemist Arc: Alle Details zu den neuen Intel-Grafikkarten

Nach dem Release der Alchemist-Arc-Grafikkarten für Notebooks stehen die ersten Desktop-GPUs von Intel vor der Tür. Alle Infos zu Release, Preis und…