Eine Bürgerhotline-App ohne Codierung erstellen

Die folgenden Schritte veranschaulichen, wie eine App aus einer konfigurierbaren Vorlage erstellt wird. In dieser Lektion verwenden und optimieren Sie eine Vorlage, um für die Stadt Cilantro eine Bürgerhotline-App zu generieren.

  • Wählen Sie eine Vorlage aus.
  • Ändern Sie die Einstellungen.
  • Führen Sie Tests auf Geräten durch.
  • Generieren Sie Installationsdateien.
  • Veröffentlichen Sie die App in Ihrem bevorzugten Store.

Hinweis:

311 ist die Nummer einer Bürgerhotline, die in vielen Gemeinden in den USA und Kanada unterstützt wird. Die Bürger können diese Nummer anrufen, um verschiedene Dienstleistungen der Gemeinde zu nutzen, um Beschwerden einzureichen oder um nicht notfallbedingte Probleme wie zurückgelassene Fahrzeuge, Graffitis oder Straßenschäden zu melden. Weltweit bieten Behörden ihren Bürgern den gleichen Service, allerdings häufig ohne eine standardisierte Nummer.

Erstellen einer App

Die Stadt Cilantro hat Ihnen einen Feature-Layer bereitgestellt, der einen Punkt- und einen Polylinien-Layer enthält, die die über die Nummer 311 angebotenen Dienstleistungen der Stadt Cilantro darstellen. Sie verwenden die Vorlage "Quick Report" in AppStudio, um eine plattformübergreifende mobile App zu erstellen.

Hinweis:

Die Vorlage "Quick Report" ist ideal geeignet, wenn Sie eine Datenerfassungs-App erstellen möchten. Sie können damit eine Beobachtung erfassen und an einen Online-Layer übermitteln. Mit Symbolen, Farben und Bildern auf dem Einführungsbildschirm können Sie Ihr Branding einbinden. Viele Städte haben mobile Bürgerhotline-Apps basierend auf der Vorlage "Quick Report" entwickelt.

Um zu beginnen, laden Sie bei Bedarf AppStudio und einige Logos und Symbole der Stadt Cilantro herunter. Installieren Sie dann die Anwendung. Anschließend erstellen Sie mithilfe der Vorlage "Quick Report" eine App.

  1. Laden Sie die ZIP-Datei Cilantro-City-Branding herunter.
  2. Extrahieren Sie den Inhalt der Datei Cilantro-City-Branding.zip an einem Speicherort Ihrer Wahl (zum Beispiel C:\Cilantro-City).
  3. Öffnen Sie AppStudio.
    Hinweis:

    Falls Sie AppStudio noch nicht haben, können Sie die App kostenfrei von der Seite ArcGIS AppStudio-Ressourcen herunterladen. Klicken Sie nach dem Download auf die Datei, um den Installationsassistenten zu starten. Folgen Sie den Anweisungen im Assistenten, um die Anwendung zu installieren.

  4. Klicken Sie auf dem Menüband der Anwendung AppStudio auf Anmelden.
  5. Wählen Sie im Bereich Anmelden den Eintrag Anmelden aus.

    Option zum Anmelden

  6. Melden Sie sich mit einem Named-User-Konto bei Ihrem ArcGIS-Organisationskonto oder bei ArcGIS Enterprise an.
    Hinweis:

    Wenn Sie über kein Organisationskonto verfügen, informieren Sie sich über die Optionen für den Zugriff auf die Software.

  7. Klicken Sie in der Anwendung AppStudio auf Neue App.

    Die Schaltfläche "Neue App"

    Das Fenster Neue App wird angezeigt. Darin sind verschiedene vorkonfigurierte App-Vorlagen enthalten, die auf Registerkarten in einem Menüband organisiert sind.

  8. Klicken Sie im Fenster Neue App auf die Registerkarte Vorlagen, und wählen Sie die Vorlage Quick Report aus.

    Quick Report-Vorlage

    Hinweis:

    Teil des Vorlagennamens kann eine Versionsnummer sein. Wenn Sie eine Vorlage auswählen, wird zudem eine Zusammenfassung und eine Beschreibung mit einem Anwendungsfall und Vorlageneinstellungen auf der rechten Seite des Fensters angezeigt.

  9. Klicken Sie im Seitenbereich auf die Schaltfläche Erstellen.

    Mithilfe der Vorlage wird eine neue Quick Report-App erstellt. Sie wird zur Liste der verfügbaren Apps hinzugefügt. Es können auch Apps angezeigt werden, die andere Mitglieder Ihrer Organisation erstellt haben. Wenn Sie AppStudio jedoch zum ersten Mal verwenden, enthält die Liste nur diese eine App. Wählen Sie Ihre neue App aus, und schauen Sie sich den Seitenbereich an. Er bietet weitere Informationen über die App.

  10. Klicken Sie in der Liste der Apps ggf. auf die neue Quick Report-App, um sie auszuwählen. Klicken Sie im Seitenbereich auf die Schaltfläche Titel bearbeiten.

    Den App-Namen bearbeiten

  11. Geben Sie für Titel den Text Cilantro 311 ein, und klicken Sie auf die Schaltfläche Änderungen speichern, um den App-Titel zu aktualisieren.

Anpassen der App

Das Design Ihrer App "Cilantro 311" sollte Ihre Organisation sowie die Verwendung und die Funktionalität der App eindeutig zum Ausdruck bringen. Damit Ihre App visuell ansprechender und informativer wird, ändern Sie als Nächstes das Aussehen, indem Sie Beschreibungen, Farben und Logos der Stadt sowie Branding hinzufügen.

  1. Überprüfen Sie in der Liste der Apps, ob Ihre App "Cilantro 311" ausgewählt ist, und klicken Sie im Seitenbereich auf die Schaltfläche Einstellungen.

    Das Fenster AppStudio-Einstellungen wird angezeigt. Verschieben Sie das Fenster bei Bedarf. Schließen Sie das Fenster der Parent-Anwendung AppStudio nicht.

    Einstellungen auswählen

    Im Fenster AppStudio-Einstellungen ändern und aktualisieren Sie die Miniaturansicht der Anwendung.

  2. Klicken Sie im Bereich Details auf das Symbol, das das App-Miniaturansicht-Bild darstellt.

    Miniaturansicht ändern

    Ein Browser-Fenster wird angezeigt.

  3. Wechseln Sie im Browser-Fenster zu dem Ordner, der den extrahierten Inhalt der Datei "Cilantro-City-Branding" enthält. Doppelklicken Sie auf das Bild thumbnail-cilantro311.
  4. Sie werden in einem Dialogfeld darüber informiert, dass die aktuelle Miniaturansicht durch eine Kopie dieses Bildes ersetzt wird. Klicken Sie auf Ja, um das Ersetzen zu bestätigen.

    Im Bereich Details wird die Miniaturansicht der App "Cilantro 311" mit dem Logo der Stadt aktualisiert.

  5. Geben Sie im Bereich Details für Zusammenfassung den Text Report issues to the city easily and quickly ein.
  6. Geben Sie für Beschreibung den Text This app allows citizens to easily and quickly request non-urgent community 311 services such as graffiti removal, streetlight repair, and tree maintenance, and more to the City of Cilantro. ein.

    Als Nächstes fügen Sie ein Symbol hinzu, mit dem die App auf Smartphones und anderen Geräten, auf denen sie wahrscheinlich verwendet wird, identifiziert werden kann und das gleichzeitig zum Branding dient.

  7. Klicken Sie im Fenster AppStudio-Einstellungen auf die Registerkarte Resources.
  8. Klicken Sie im Bereich Ressourcen für App-Symbol auf das Bild.

    Symbol ändern

  9. Suchen Sie im Browser-Fenster den Ordner, der den extrahierten Inhalt der Datei "Cilantro-City-Branding" enthält. Doppelklicken Sie auf das Bild Icon-cilantro311.
  10. Klicken Sie im Meldungsfenster auf Ja, um die Bilddatei in den Projektordner der App zu kopieren.

    Das Symbol wird aktualisiert. Als Nächstes fügen Sie ein Hintergrundbild hinzu.

  11. Klicken Sie im Fenster AppStudio-Einstellungen auf die Registerkarte Eigenschaften.

    Der Bereich QuickReport-Eigenschaften wird angezeigt.

  12. Suchen und prüfen Sie die Registerkarten Startbildschirm, Formular, Farben und Sonstige Eigenschaften im Bereich.
  13. Klicken Sie auf der Registerkarte Startbildschirm unter Hintergrundbild auf das standardmäßige Hintergrundbild (Waldbrand).

    Ändern Sie das Hintergrundbild.

  14. Suchen Sie im Browser-Fenster den Ordner, der den extrahierten Inhalt der Datei "Cilantro-City-Branding" enthält. Doppelklicken Sie auf das Bild background-cilantro311.
  15. Bestätigen Sie die Frage, ob das Bild in den App-Ordner kopiert werden soll, mit Ja.

    Im Bereich QuickReport-Eigenschaften wird das Hintergrundbild des Startbildschirms aktualisiert und spiegelt jetzt das aktualisierte Branding der App "Cilantro 311" wider.

  16. Führen Sie auf der Registerkarte Startbildschirm einen Bildlauf zur Eigenschaft Logo anzeigen durch, und klicken Sie auf die Schaltfläche Logo anzeigen, um das Logo auszublenden.

    Die Einstellung "Logo anzeigen"

  17. Sie könnten auch die Links der Fußzeile aktualisieren und eine Telefonnummer, Websitedetails sowie weitere Kontaktangaben wie eine E-Mail-Adresse hinzufügen.
  18. Klicken Sie unten im Fenster AppStudio-Einstellungen auf Übernehmen, um die Änderungen zu speichern.

    Mit einem grünen Meldungsfeld wird bestätigt, dass Ihre Einstellungen angewendet wurden.

    Die Stadt Cilantro hat Ihnen einen Feature-Layer bereitgestellt, der einen Punkt- und einen Polylinien-Layer enthält, die die über die Nummer 311 angebotenen Dienstleistungen der Stadt Cilantro darstellen. Als Nächstes fügen Sie den Feature-Layer zur App hinzu.

Hinzufügen von Daten

Da die Stadt Cilantro Ihnen einen Feature-Layer bereitgestellt hat, der in der mobilen Bürgerhotline-App zum Erfassen von Informationen verwendet wird, müssen Sie keinen neuen Feature-Layer erstellen. Der Feature-Layer, bzw. die beim Entwerfen und Erstellen des Feature-Layers verwendete Vorlage, ist wichtig, da sie in der Quick Report-App dazu dient, Auswahlmöglichkeiten und Optionen zu erstellen, über die die Bürger nicht notfallbedingte Anfragen melden und übermitteln können.

  1. Suchen Sie im Bereich QuickReport-Eigenschaften nach der Registerkarte Formular, und klicken Sie darauf.

    Die Registerkarte "Formular"

    Hinweis:

    Feature-Services, die im Allgemeinen als Feature-Layer bezeichnet werden, ermöglichen es Organisationen, Features über das Internet bereitzustellen. Sie bieten die Symbolisierung, die für die Anzeige der Features zu verwenden ist. Daneben enthalten sie eine Vorlage, die für eine verbesserte Bearbeitung verwendet werden kann, bei der Benutzer Abfragen ausführen können, um vorhandene Features zu finden und zu aktualisieren und neue Features hinzuzufügen. Alle Aktualisierungen werden auf den Server angewendet und den Benutzern des Feature-Layers bereitgestellt.

  2. Suchen und prüfen Sie im Bereich Formular die Eigenschaft Feature-Service-Adresse.
    Hinweis:

    Ihre Quick Report-App nutzt den Feature-Layer und dessen Layer und Einstellungen als Vorlage zum Erstellen der App-Meldedetails. Sie könnten z. B. einen Straßen-Feature-Layer verwenden, um Informationen zu Straßenschildern in Ihrem Stadtteil zu sammeln. Jedes Straßenschild-Feature (vorhanden oder neu von Ihnen erfasst und im Layer gespeichert) kann Attribute aufweisen, damit Sie den Zustand des Schildes aktualisieren und erfassen, ein Bild des Schildes hinzufügen und eine Beschwerde im Zusammenhang mit dem Straßenschild melden können.

  3. Ersetzen Sie für die Eigenschaft Feature-Service-Adresse die Standardadresse durch die folgende:
    https://services2.arcgis.com/j80Jz20at6Bi0thr/arcgis/rest/services/Cilantro/FeatureServer

    Feature-Service-URL

    Hinweis:

    Um eine gehostete Feature-Service-Adresse zu finden, öffnen Sie das gehostete Feature-Layer-Element in ArcGIS Online oder ArcGIS Enterprise. Führen Sie einen Bildlauf nach unten zum Abschnitt URL durch, und klicken Sie auf die Schaltfläche Kopieren, um die Adresse zu kopieren.

    Feature-Service-URL kopieren

  4. Geben Sie für Layer-IDs des Feature-Service die Werte 0,1 ein.

    Mit den Feature-Layer-IDs der Stadt Cilantro wird Folgendes identifiziert:

    • 0 zur Darstellung von Punkt-Features für die Erfassung von Problemen mit Graffitis, Straßenbeleuchtung, Müll oder Schildern
    • 1 zur Darstellung von Polylinien für die Erfassung von Problemen mit Straßen oder Gehwegen

    Ein Feature-Service (oder Feature-Layer) kann aus mehreren Layern bestehen, die den Service bilden. Wenn Sie in einer App bestimmte Layer referenzieren, müssen Sie die Layer-IDs eingeben, um die Layer zu identifizieren, die in Ihrer App abgerufen und verwendet werden. Bei Layer-IDs beginnt die Nummerierung bei 0. Wenn Ihr Feature-Layer also aus fünf Layern besteht und Sie drei Layer verwenden, kann Ihre Layer-Liste 0,3,4 lauten. Damit wird angegeben, dass Sie den ersten, vierten und fünften Layer im Service referenzieren.

    Hinweis:

    Sie können die Layer-IDs von Feature-Services im ArcGIS REST-Services-Verzeichnis zusammen mit dem Layer-Namen und dem Feature-Typ (Punkt, Polylinie oder Polygon) prüfen und identifizieren.

Als Nächstes finalisieren Sie das App-Branding, bevor Sie eine Installationsdatei generieren.

Branding-Farbe hinzufügen

Ändern und aktualisieren Sie die App-Farbe, sodass sie zu den Farben passt, die im Logo und in den Symbolen Ihrer mobilen Bürgerhotline-App verwendet werden.

  1. Klicken Sie im Bereich QuickReport-Eigenschaften auf die Registerkarte Farben.
  2. Geben Sie als Hintergrundfarbe für Überschriften den Farbcode #f15a24 ein, und drücken Sie die Eingabetaste. Geben Sie für die Schaltflächenfarbe als Hexadezimal-Farbcode #f15a24 ein, und drücken Sie die Eingabetaste.

    Unternehmensfarben aktualisieren

  3. Klicken Sie unten im Fenster AppStudio-Einstellungen auf Übernehmen.

    Mit einem grünen Meldungsfeld wird bestätigt, dass Ihre Einstellungen angewendet wurden.

    Als Nächstes richten Sie eine Lizenz für ArcGIS Runtime ein. Nicht lizenzierte Apps werden als Karte mit Wasserzeichen angezeigt. Für diese App wählen Sie eine gebührenfreie Lite-Lizenz aus.

  4. Suchen Sie im Fenster AppStudio-Einstellungen im linken Bereich die Registerkarte Lizenzierung, und wählen Sie sie aus.
  5. Klicken Sie für Lizenzschlüssel unter ArcGIS Runtime-Lizenzierung im Bereich Lizenzierung auf Lite-Lizenz festlegen.

    Schaltfläche zum Festlegen einer Lite-Lizenz

    Das Dialogfeld Lizenzschlüssel wird aktualisiert und zeigt ein gültiges Lizenzschlüssel-Token an.

  6. Klicken Sie unten im Fenster AppStudio-Einstellungen auf Übernehmen, und schließen Sie dann das Fenster.

Die App testen

Als Nächstes testen Sie Ihre App, und zwar zuerst als Desktop-Anwendung. Dann können Sie sie optional auf einem mobilen Gerät testen.

  1. Überprüfen Sie im AppStudio-Fenster, ob die App Cilantro 311 ausgewählt ist.
  2. Klicken Sie im Seitenbereich auf Ausführen.

    Schaltfläche "Ausführen"

  3. Die App "Cilantro 311" wird in einem neuen Fenster geöffnet.

    Die Anwendung ausführen

  4. Testen Sie die Funktionalität der App Cilantro 311 eigenständig.
    • Klicken Sie auf Neu, und generieren Sie einen neuen Bericht für ein zurückgelassenes Fahrzeug, neue Graffitis oder Straßenschäden.
    • Erkunden Sie mithilfe der Schaltfläche Weiter die verschiedenen App-Optionen.
    • Verschieben Sie die Karte im Bereich Standort hinzufügen, um die Position für den Bericht genauer anzugeben.
    • Schließen Sie die App, wenn Sie fertig sind.

    Webkarte auf der Seite "Standort hinzufügen"

    Als Nächstes können Sie die App hochladen und für die Bürger freigeben.

  5. Überprüfen Sie im AppStudio-Fenster, ob Ihre App Cilantro 311 ausgewählt ist, und klicken Sie auf die Schaltfläche Hochladen.

    Schaltfläche "Hochladen"

  6. Klicken Sie in den Optionen der Freigabe im Fenster AppStudio Hochladen auf Eigene Organisation und dann auf die Schaltfläche + Hochladen.

    Mit einer grünen Meldung Upload erfolgreich wird bestätigt, dass Ihre App erfolgreich hochgeladen wurde und jetzt von Bürgern heruntergeladen und installiert werden kann.

  7. Schließen Sie das Fenster AppStudio hochladen.

    Als Nächstes könnten Sie AppStudio Player auf einem mobilen Gerät installieren oder die App auf Ihrem Desktop testen, indem Sie eine Desktop-Version von AppStudio Player installieren. Mit den folgenden Schritten wird eine Desktop-Installation veranschaulicht. Anschließend werden optionale Schritte für mobile Geräte dargestellt.

    Hinweis:

    Falls Sie AppStudio Player nicht auf Ihrem Desktop installiert haben, können Sie die App von der ArcGIS AppStudio-Ressourcenseite herunterladen. Klicken Sie nach dem Download auf die Datei, um den Installationsassistenten zu starten. Folgen Sie den Anweisungen im Assistenten, um die Anwendung zu installieren.

    Um AppStudio Player auf einem mobilen Gerät zu installieren, laden Sie die App kostenlos aus dem Microsoft Store, von Google Play oder aus dem App Store herunter. Führen Sie auf dem mobilen Gerät die Installation wie angegeben durch.

  8. Starten Sie auf Ihrem Desktop oder Ihrem mobilen Gerät AppStudio Player. Klicken Sie auf Anmelden, und melden Sie sich mit Ihrem ArcGIS-Konto an. Wählen Sie dann die App Cilantro 311 aus.
    Hinweis:

    In AppStudio Player können Sie sich mit einem ArcGIS Online- oder ArcGIS Enterprise-Konto anmelden.

  9. Laden Sie Ihre App in AppStudio Player herunter, und testen Sie sie. Fügen Sie dazu einen neuen Bericht hinzu, und erfassen Sie einen Punkt oder eine Linie, um die Position für den Bericht zu identifizieren.

Mit ArcGIS AppStudio Developer Edition können Entwickler eine App-Installationsdatei erstellen, mit der die App in einem Store veröffentlicht werden kann. Der folgende optionale Abschnitt veranschaulicht die dafür erforderlichen Schnitte.

App-Installationsdateien erstellen (optional)

Mit einer ArcGIS AppStudio Developer Edition-Lizenz (die durch den Erwerb einer ArcGIS Developer Subscription (Stufe "Builder" und höher) verfügbar ist) können Sie App-Installationsdateien erstellen. In diesem Abschnitt erstellen Sie für die App-Installation eine .apk-Datei für Android und eine .exe-Datei für Windows.

Hinweis:

Sie benötigen eine Apple Developer-Lizenz, um eine .ipa-Datei für die App-Installation auf iOS-Geräten zu erstellen.

  1. Klicken Sie im Seitenbereich von AppStudio auf Einstellungen.
  2. Klicken Sie im Fenster AppStudio-Einstellungen auf Plattformen > Android. Geben Sie für Paketname einen Namen wie com.companyname.myapp an.
    Hinweis:

    Paketnamen folgen einer Konvention, bei der Ihr Organisations- oder Unternehmensname in einen standardmäßigen Paketnamen einbezogen wird.

    Android-Paketnamen angeben

  3. Klicken Sie auf Übernehmen.
  4. Schließen Sie das Fenster "AppStudio-Einstellungen".
  5. Überprüfen Sie in AppStudio, ob die App ausgewählt ist, und klicken Sie im Seitenbereich auf Erstellen.

    Das Werkzeug "Erstellen" auswählen

    Das Fenster Erstellen wird angezeigt.

  6. Klicken Sie für In Cloud erstellen auf Auswählen.

    Die Option "Auswählen" für "In Cloud erstellen"

  7. Aktivieren Sie unter Zielplattform(en) auswählen im Fenster In Cloud erstellen: Konfiguration für die Spalte Android das Kontrollkästchen ARMv8 (64 Bit) und für die Spalte Windows das Kontrollkästchen 64 Bit.

    Cloud-Konfiguration

  8. Klicken Sie auf Build analysieren und auf Build anfordern.

    Das Fenster Build-Status wird angezeigt.

    Es dauert einige Minuten, bis der AppStudio-Cloud-Service die App-Installationsdateien erstellt hat. Sobald die Build-Anforderung abgeschlossen ist, erhalten Sie eine E-Mail mit den Download- und Installationsanweisungen.

  9. Klicken Sie im Fenster Build-Status auf https://appstudio-ota.arcgis.com/, und melden Sie sich mit Ihrem ArcGIS-Konto an.

    Download-Link

    Hinweis:

    Optional können Sie den QR-Code für die Installationsdateien auf der Seite "App-Konsole" unter https://appstudio.arcgis.com/ scannen.

  10. Klicken Sie auf Installieren, um die Apps herunterzuladen, und installieren Sie sie auf Ihrem Gerät.

    Die Schaltfläche "Installieren"

In dieser Lektion haben Sie ArcGIS AppStudio zusammen mit einer einsatzbereiten konfigurierbaren Vorlage verwendet, um eine mobile App für die Stadt Cilantro zu erstellen und bereitzustellen, über die Bürger nicht notfallbedingte Anfragen, wie die Entfernung von Graffitis, die Reparatur der Straßenbeleuchtung und notwendige Baumpflege, an die Bürgerhotline 311 übermitteln können. Für die Entwicklung dieser App, die auf verschiedenen Plattformen ausgeführt werden kann, mussten Sie keinen Code schreiben. Die App kann innerhalb Ihrer Organisation oder für die Öffentlichkeit freigegeben werden. Mit optionalen Schritten wurde veranschaulicht, wie AppStudio Player auf unterschiedlichen Plattformen installiert wird und wie App-Installationsdateien erstellt werden.

Weitere Informationen finden Sie unter folgenden Themen: