Share
Es gibt viele Dinge, die ich nicht habe; Ich bin nicht vier Jahre alt, ich bin kein Alaskaner und ich bin kein Fan von Tripe. Wichtig für das heutige Tutorial: Ich bin auch kein iOS- oder Android-Entwickler. Aber dank GoodBarber werde ich immer noch eine App entwickeln und veröffentlichen.
GoodBarber ist ein browserbasierter App-Ersteller. Die Design-Tools und die Point-and-Click-Oberfläche eignen sich ideal für Anfänger.
GoodBarber hilft nicht nur Entwicklern bei der Erstellung von Apps, sondern ist auch ein Support-Tool für Agenturen, die mobile Apps zu niedrigen Preisen zu ihren Portfolios hinzufügen möchten. Kürzlich hat GoodBarber einen Leitfaden (in Form eines kostenlosen E-Books) veröffentlicht, um Apps als Agentur tatsächlich zu vermarkten und zu verkaufen.
"Es gibt noch viel zu beachten, wenn Sie Ihre Agentur starten. Dieses E-Book wird Ihr Begleiter bei der Navigation durch den Prozess sein."
Dann wollen wir gleich loslegen und sehen, wie GoodBarber Sie beim Erstellen von Apps unterstützt.
Besuchen Sie goodbarber.com und geben Sie Ihre neuen App-Details ein. Ich habe mich entschlossen, eine App namens "random" zu erstellen, die ich zum Veröffentlichen von zufälligem Material verwenden werde.
Schlagen Erstelle deinen Account (das ist dreißig Tage lang kostenlos) und Sie werden zusehen, wie Dinge gebaut werden.
Mein Projekt kann jetzt auf random.goodbarber.com gefunden werden (wo kann ich mich einloggen).
Dieser Schritt ist auch für eine Agentur obligatorisch, die das Reseller-Programm abonnieren möchte. Wenn Sie ein Projekt erstellen, haben Sie Zugang zu einer 30-tägigen kostenlosen Testphase, in der Sie alle Funktionen von GoodBarber testen und sicherstellen können, dass es der richtige Partner für Ihren Einstieg in den Mobilfunkmarkt ist.
Mit unserer App haben wir erfahren, dass es ein paar einfache Schritte zwischen uns und der Produktion gibt. Zunächst einmal müssen wir etwas entwerfen. Wir werden uns darauf konzentrieren, die Navigation, den Header, den Inhalt (Inhalt), den Startbildschirm und das Symbol unserer App anzupassen.
Dies alles geschieht in einer sehr intuitiven Designoberfläche mit einer Vorschau dessen, was wir in der Mitte der Leinwand erstellen. Auf der rechten Seite des Browser-Fensters befinden sich weitere Dinge, die ich tun muss, unterteilt in logische Schritte und abgehakt, wenn ich sie vervollständige.
Der erste Schritt ist die Auswahl aus einem der vielen angebotenen Themen. Ich habe mich wegen seiner Einfachheit für „Classic Blue“ entschieden und kann mir eine Vorschau anzeigen lassen, bevor ich es auf meine App anwenden kann.
Dies sind nur Standardwerte. In den nächsten Phasen des Designs werde ich die Möglichkeit erhalten, Schriftart, Farben usw. zu ändern.
Als Wiederverkäufer können Sie sich entscheiden, ein paar Demo-Apps zu erstellen - so viele, wie es das Portfolio Ihres Kunden erfordert (z. B. Restaurants, Schönheitssalons, Geschäfte usw.), und dann das Projekt beliebig oft replizieren. Dies beschleunigt den Entwurfsprozess und bietet Ihnen dennoch die Möglichkeit, die Details für jeden Kunden anzupassen.
Dank der Vorlagen, die in jedem Schritt verfügbar sind, können Sie den gesamten Build-Prozess problemlos durchbrechen. Sie können jedoch auch Dinge manuell erstellen, wenn Sie dies vorziehen. Beim Entwurfsprozess für die Navigation haben Sie beispielsweise die Wahl zwischen Vollbild-Rastermenüs, Einblendungen außerhalb des Arbeitsbereichs, Registerkarten am unteren Rand des Bildschirms usw..
Wenn Sie jedoch lieber die Kontrolle übernehmen und sich die Hände schmutzig machen möchten, können Sie alles selbst mit modernem HTML erstellen. Es werden Markup-Ausschnitte bereitgestellt, mit denen Sie die einzelnen Teile der App verknüpfen und die Dinge richtig schreiben können.
Benutzerdefinierter NavigationserstellungsprozessDie Freiheit, den geführten Pfad zu verlassen, ist sehr wichtig für Agenturen, die sehr spezifische Kundenanfragen haben. Der Zugriff auf die API-Einstellungen, den HTML-Abschnitt sowie das Plugin-Add-On ermöglicht eine umfassende Anpassung der App und die Option, zusätzliche Funktionen anzubieten, um die Kunden zufrieden zu stellen.
Crikey schon ?! Ja, wenn Sie das Layout, die Farben, die Navigation, das Raster und andere Details Ihrer App entworfen haben, können Sie sie an dieser Stelle in den App-Stores Ihrer Wahl einreichen. In unserem Fall gibt es noch eine Menge Arbeit, aber wir könnte Versuchen Sie es und reichen Sie es ein, wenn wir wollten.
Letzte Änderungen werden im angezeigt Änderungsprotokoll Dashboard, so dass Sie jederzeit aktualisieren können.
In Ordnung, wir kommen uns hier voraus. Wir haben vielleicht einige Farben geändert, das Navi entworfen und hier und dort ein Symbol hinzugefügt, aber wir haben unserer App noch keinen Inhalt gegeben.
Was macht unsere App eigentlich? Unter dem Inhalt Im Entwurfsprozess können wir dies durch Zuweisen von Inhaltsquellen für die verschiedenen Seitentypen festlegen. In jedem der Standardbereichstypen (Artikel, Bilder, Twitter, Kalender usw.) können wir Inhalte direkt aus Standardquellen einfügen. Unsere Artikelseite kann mit Daten aus einem WordPress-Blog, einem RSS-Feed oder einer benutzerdefinierten Quelle gefüllt werden.
Zur Demonstration verwende ich den RSS-Feed von Tuts + Web Design (https://webdesign.tutsplus.com/posts.atom) und gebe diesen in das Formular zur Erstellung eines Abschnitts ein. Wir können bis zu 60 solcher Abschnitte hinzufügen.
Okay, sieht gut aus.
Unser Tutorial-Feed in App-FormRSS-Feeds sind einfach. Der Inhalt wurde veröffentlicht und kann in unsere App aufgenommen und eingefügt werden. Andere Quellen sind (verständlich) weniger offen, daher ist eine weitere Überprüfung erforderlich. Für die Verwendung eines Twitter-Feeds muss der Kontoinhaber beispielsweise eine "App" erstellen, um eine Consumer Key, Consumer Secret, Zugangstoken, und Zugriff auf Token Secret. Mit diesen Details kann ein Twitter-Feed ohne Probleme in unsere App geladen werden.
Wie auch immer, auf der Show gestalten wir die verschiedenen Seiten in unserer (sehr simplen) App, einschließlich der Tutorial-Seite, die über den App-Baum aufgerufen werden kann, weiter:
Wir können wieder eine Vorlage anwenden, Farben und Schriftarten ändern, anpassen und unterwegs sein.
Diese Faux-Device-Vorschau ist gut und gut, und es ist sehr nützlich, zu überprüfen, wie das Design bei der Arbeit aussieht. Aber wie sieht diese App auf einem Gerät aus? tatsächlich Gerät?
Das Vorschau Die Schaltfläche auf der Hauptleinwand bietet eine Reihe von Geräten sowie einen QR-Code zum Starten in der nativen App.
Laden Sie alternativ die GoodBarber-App (iOS oder Android) herunter, melden Sie sich mit Ihren Kontoanmeldeinformationen an, und Sie können Ihre App-Entwürfe direkt von Ihrem Gerät aus eingeben. Hier ist eine unserer Tutorialseiten, zusammen mit den nativen App-Steuerelementen:
Einmal hast du eigentlich gebaut Mit Ihrer App können Sie Push-Benachrichtigungen senden und Nutzungsstatistiken abrufen.
Einer der wichtigsten Teile des Verkaufsprozesses einer App ist die Produktdemo. Es besteht kein Zweifel, dass Ihr Kunde vor dem Börsengang eine Vorschau der Anwendung anzeigen möchte, die sein Unternehmen repräsentiert. Dies kann wie oben erwähnt mit der Back-Office-Vorschau oder über die My GoodBarber-App erfolgen. Für eine optimale Präsentation der App mit all ihren Funktionen (und ohne GoodBarber-Branding) ist das Generieren der AdHoc-Version und das Senden dieser Datei an Ihren Kunden die beste Option.
Okay, zurück zur Submit-Phase.
Wenn alles erledigt ist und Sie alle Ihre Design- und Inhaltsgrundlagen durchlaufen haben, können Sie es in App-Stores starten. Schauen Sie sich das an Einreichung Optionen und Sie sehen einige praktische Checklisten, die Sie ausfüllen müssen, bevor Sie etwas einreichen können.
Für dieses Beispiel haben wir bei der ersten Hürde versagt; nicht genug Abschnitte.
Wenn alles grün ist, kann der Einreichungsprozess entweder manuell (von Ihnen selbst) durchgeführt werden, oder Sie können GoodBarber die Verantwortung überlassen, und sie erledigen das für Sie gegen eine Gebühr.
Um Ihre App zu verbreiten und zu verwenden, erhalten Sie von den App-Stores Zertifikate. Diese Sicherheitsebene verhindert, dass Ihre App ohne Ihr Wissen geändert und verteilt wird.
Diese Phase des Prozesses ist erst relevant, wenn Sie Ihre App eingereicht haben und Ihre App akzeptiert hat. Wenn dies jedoch sortiert ist, können Sie Ihre Zertifikate über das Dashboard von GoodBarber verwalten.
In jedem Fall müssen Sie ein Entwicklerkonto für die Plattform (s) erhalten, auf der Ihre App verfügbar sein soll. Für Wiederverkäufer ist dies ein sehr wichtiges Element bei der Auswahl einer App-Building-Plattform, da es wichtig ist, sicherzustellen, dass Sie so wenig Ausgangssperre wie möglich haben, um das Wachstum Ihres Unternehmens nicht zu beschränken. Im Agency Guide Ebook finden Sie alle Elemente und Strategien, aus denen Sie wählen können, falls Sie von einem Dienst zu einem anderen wechseln müssen.
Dies war eine schnelle Demo, zeigt jedoch, wie mühelos App-Erstellung mit GoodBarber sein kann. Zwar erhöhen mehr Zeit und Energie, die tatsächlich für die App und ihr Design aufgewendet werden, die Wahrscheinlichkeit, dass sie für die Verteilung angenommen wird, aber Sie haben die Idee.
Wenn Sie darüber nachdenken, einen App Builder für sich selbst oder einen Kunden zu verwenden, lesen Sie den GoodBarber Agency Guide, um eine gute Vorstellung von der geschäftlichen Seite der Dinge zu erhalten.
Hast du GoodBarber benutzt? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit!
Accentsconagua