Erste Schritte

Lopaka.app ist ein Editor im Browser, mit dem du Embedded-Benutzeroberflächen gestaltest und Code für die unterstützten Display-Plattformen erzeugst.

Diese Anleitung zeigt den schnellsten Weg von der Anmeldung bis zur Bearbeitung deines ersten Projekts.

Anmelden

Öffne lopaka.app und fahre mit einer der verfügbaren Anmeldemethoden fort:

• E-Mail-Adresse und Passwort
• GitHub
• Google

Nach der Anmeldung führt dich Lopaka zur Seite Projekte. Sie ist dein zentraler Arbeitsbereich für die Verwaltung deiner Cloud-Projekte.

Projektseite

Die Seite Projekte zeigt deine gespeicherten Projekte als Karten. Mit den Vorschaupfeilen auf einer Karte blätterst du durch ihre Screens. Klicke auf den Projekttitel oder eine Vorschau, um die Projektübersicht im Editor zu öffnen.

Hier kannst du:

• ein neues Projekt erstellen
• ein vorhandenes Projekt öffnen
• Projekte nach Plattform, Titel, Display-Größe oder Favoriten filtern
• ein Projekt über den Fork-Button auf seiner Karte kopieren

Um Screens hinzuzufügen oder zu verwalten, öffne das Projekt im Editor.

Wenn dein Konto noch keine Projekte hat, fordert Lopaka dich auf, das erste zu erstellen.

Neues Projekt erstellen

Klicke auf der Seite Projekte auf Neues Projekt, um den Projekt-Assistenten zu öffnen.

Der Assistent fragt die wichtigsten Projekteinstellungen ab:

1. Titel: der Name, der in deiner Projektliste erscheint
2. Plattform: das Ziel-Framework oder die Gerätefamilie. Sie lässt sich nach dem Erstellen des Projekts nicht mehr ändern. Mehr dazu unter Plattformen.
3. Screen-Größe: wähle ein voreingestelltes Display oder aktiviere den Schalter Benutzerdefiniert, um eigene Breite und Höhe einzugeben
4. Hintergrundfarbe: wähle die Standard-Hintergrundfarbe des Screens, sofern die gewählte Plattform das unterstützt
5. In der Galerie veröffentlichen: aktiviere diese Option, damit andere Nutzer das Projekt in der Galerie sehen

Sobald du bestätigst, erstellt Lopaka das Projekt mit einem ersten Screen namens Screen 1 und öffnet ihn im Editor.

Projekteinstellungen bearbeiten

Klicke auf der Seite Projekte im Kopf einer Projektkarte auf das Icon , um die Projekteinstellungen zu öffnen.

So geht es weiter

Wenn dein erstes Projekt fertig ist, sind die nächsten Schritte meist:

• das Projekt im Editor öffnen
• den erzeugten Code exportieren
• das Projekt mit anderen teilen