Windows Phone App Studio – Teil 1: Erstellen der App

  • Article

Gastbeitrag von Janet Weiss

Microsoft hat ein neues Tool namens Windows Phone App Studio herausgebracht, das in 4 einfachen Schritten eine App für Dein Windows Phone 8 erstellt.
Dazu benötigst Du keinerlei Vorkenntnisse über Softwareentwicklung, sondern kannst Dich durch eine benutzerfreundliche Oberfläche durcharbeiten.
Einfach mit Deiner E-Mail Adresse registrieren, invitation code zugeschickt bekommen und starten.
Um eine App zu erstellen, brauchst Du nicht viel Zeit und dazu ist es völlig kostenlos.

Nach Vollendung der App, kannst Du sie sofort per QR-Code auf deinem Windows Phone 8 installieren.
Wenn Du Vorkenntnisse mitbringst, kannst du den Source-Code herunterladen und weitere Änderungen in Visualstudio, etc. vornehmen.
Wenn wärend dem Erstellen unterbrochen wird, wird deine App im Dashboard gespeichert und kann danach weiter bearbeitet werden.

Deine App entsteht in 4 einfachen Schritten:

1.Schritt: "App Information"

Gib deiner App einen Namen und füge ein Logo, das ein Quadrat sein sollte, hinzu.
Die Beschreibung wird in diesem Fall nur Dir, zur Information unter Deinen erstellten Apps, in deinem Dashboard angezeigt. Rechts wird dir per Emulator, die aktuelle Oberfläche deiner App gezeigt.

clip_image001

2.Schritt: "Configure App Content"

 

Hier erstellst Du mithilfe einer benutzerfreundlichen Oberfläche, den Inhalt deiner App.
Durch hinzufügen von Selections und Menus, kannst Du sie beliebig strukturieren.

clip_image002

Hier zur Veranschaulichung, der Unterschied zwischen "Add Section" und "Add Menu".
+Add Menu hinzufügen:
Fügt ein neues Kapitel mit mehreren Unterpunkten hinzu, wie in diesem Fall "Kontakt" und "Produkte".
Ist dasselbe wie "Add Section", jedoch kann man sich davor nochmals zwischen mehreren Oberpunkten entscheiden.
1.Seite: Menu
Hier werden die Oberpunkte angezeigt, die man hinzugefügt hat.
Bei einem weiteren Klick auf "Menupunkt1" öffnet sich die nächste Seite.

clip_image003

2.Seite: Menupunkt1
Hier sieht man mehrere Unterpunkte.
Wenn man sich z.B. für "Unterpunkt1" entscheidet, kommt man auf diedzugehörige Detailseite.

clip_image004

3.Seite: Unterpunkt1
Dies ist die Detailseite des Unterpunktes1.

Die Layouts kann man auf jeder der 3 Seiten beliebig wählen.

clip_image005

+Add Section hinzufügen:

Fügt ein neues Kapitel hinzu, ohne Unterpunkte.
1.Seite: "Menupunkt1"
Hier landet man direkt auf der Menupunkt1 - Seite.
Beim Klick auf den Punkt "Unterpunkt1" öffnet sich die Detailseite dazu.

clip_image004[1]

2.Seite: Unterpunkt1
Detailseite zum Unterpunkt1.

clip_image005[1]

Datensätze in deine App einfügen:

Du kannst selbst bestimmen, welcher Datentyp verwendet wird, ob es ein Bild, ein Titel oder eine Beschreibung über mehrere Zeilen ist.

Diese Datensätze werden nach dem Erstellen in den Layouts angewandt.

clip_image006

Hier nochmal zur Übersicht, wie solch eine App, mit den Section/Menus, aufgebaut ist:

clip_image007

Anwenden der Datensätze in den Layouts:

Hier sieht man, wie man die davor eingetragenen Datensätze in den Layouts, die man hier ebenfalls in der oberen Zeile auswählen kann, anwendet.
Die möglichen Datensätze werden vorgegeben und können durch einen Klick ausgewählt werden.

clip_image008

3.Schritt: "Configure App Style"

Hier wird die Oberfläche deiner App farblich verändert.
Einstellungen, wie das Kachel-Fenster etc werden hier ebenfall in "tiles" bearbeitet.
Das Bild des Sperrbildschirmes wird in "splash & lock" gewählt.

clip_image009 clip_image010

4.Schritt: "Summary"

Deine App ist nun fertig.
Jetzt kannst Du sie generieren und sie mit dem angezeigtem QR-Code direkt
auf deinem Handy installieren.
Die App kann auch öffentlich gestellt werden, bzw. per Mail verschickt werden.
Wenn Du deine App noch weiter verändern möchtest, kannst Du dir den Source-Code herunterladen und in "Visual Studio für Phone" weiter daran arbeiten.
*******

clip_image011

Ressourcen: