Share
Er zijn veel dingen die ik niet ben; Ik ben geen vier jaar oud, ik ben geen Alaskan, en ik ben geen fan van het eten van pensen. Belangrijk voor de tutorial van vandaag, ben ook geen iOS- of Android-ontwikkelaar. Maar dankzij GoodBarber ga ik nog steeds een app ontwikkelen en publiceren.
GoodBarber is een op een browser gebaseerde app-maker. De ontwerptools en de point-and-click-interface zijn bij uitstek geschikt voor beginners.
Naast het helpen van niet-ontwikkelaars om apps te maken, is GoodBarber ook een ondersteuningstool voor bureaus die mobiele apps willen toevoegen aan hun portefeuilles tegen een laag prijsniveau. Onlangs heeft GoodBarber een gids uitgebracht (in de vorm van een gratis e-boek) voor het daadwerkelijk verkopen en verkopen van apps als een bureau.
"Er is nog veel te overwegen bij de lancering van je bureau, en dit e-boek zal je begeleider zijn bij het navigeren door het proces."
Laten we dan beginnen en zien hoe GoodBarber je helpt bij het bouwen van apps.
Ga naar goodbarber.com en vul uw nieuwe app-gegevens in. Ik heb besloten om een app genaamd "random" te bouwen die ik zal gebruiken om willekeurige dingen te publiceren.
Raken Maak een account aan (die dertig dagen gratis is) en kijken hoe dingen worden opgebouwd.
Mijn project is nu te vinden op random.goodbarber.com (waar ik kan inloggen).
Deze stap is verplicht, zelfs voor een bureau dat zich wil abonneren op het reseller-programma. Door een project te maken, heeft u toegang tot een gratis proefperiode van 30 dagen waarmee u alle GoodBarber-functies kunt testen en ervoor kunt zorgen dat dit de juiste partner is voor uw toegang tot de mobiele markt..
Nadat onze app is gemaakt, wordt ons verteld dat er een paar eenvoudige stappen zijn tussen ons en de productie. Eerst moeten we iets ontwerpen. We zullen ons concentreren op het aanpassen van de navigatie, header, body (inhoud), het splash-screen en het pictogram van onze app.
Dit gebeurt allemaal in een zeer intuïtieve ontwerpinterface, met een preview van wat we in het midden van het canvas bouwen. Rechts van het browservenster zijn meer dingen die ik moet doen, opgesplitst in logische stappen en aangevinkt als ik ze voltooi.
De eerste stap is om te kiezen uit een van de vele aangeboden thema's. Ik heb gekozen voor 'Classic Blue' vanwege de eenvoud en ik kan het bekijken voordat ik het toepas op mijn app.
Dit zijn slechts standaardwaarden; tijdens de volgende fasen van het ontwerp krijg ik de mogelijkheid om het lettertype, de kleuren enzovoort te wijzigen.
Als reseller kunt u ervoor kiezen om een paar demo-apps te maken - zoveel als de portefeuille van uw klant nodig heeft (bijvoorbeeld: restaurants, schoonheidssalons, winkels, enz.) En repliceert u het project zo vaak als u wilt. Dit versnelt het ontwerpproces en biedt u nog steeds de mogelijkheid om de details aan te passen voor elke klant.
Het is gemakkelijk om je een weg door het bouwproces te banen dankzij alle sjablonen die bij elke stap beschikbaar zijn, maar je kunt ook dingen handmatig bouwen als je dat wilt. Het navigatieontwerpproces biedt u bijvoorbeeld de keuze tussen rastermenu's op het volledige scherm, off-canvas inlegzaken, tabbladen langs de onderkant van het scherm, enzovoort.
Maar als u liever de controle overneemt en uw handen vuil maakt, kunt u alles zelf bouwen met moderne HTML. Opmaakfragmenten zijn meegeleverd, zodat u kunt linken tussen elk deel van de app en dingen goed kunt schrijven.
Aangepast navigatiebouwprocesDe vrijheid hebben om het geleide pad te verlaten is erg belangrijk voor bureaus met zeer specifieke klantverzoeken om op te reageren. Toegang tot de API-instellingen, de HTML-sectie, evenals de invoegtoepassing voor invoegtoepassingen zorgen voor een diepgaande aanpassing van de app en de optie om extra functies aan te bieden om klanten te laten glimlachen.
Crikey, al ?! Ja, als u klaar bent met het ontwerpen van de lay-out, kleuren, navigatie, raster, plus andere details van uw app, kunt u deze nu indienen bij de app stores van uw keuze. In ons geval is er nog een hoop werk te doen, maar wij kon probeer het in te dienen, als we dat wilden.
Recente wijzigingen worden weergegeven op de changelog dashboard, zodat u kunt updaten wanneer u er klaar voor bent.
Oké, we lopen hier voorop. We hebben misschien wat kleuren veranderd, de navigatie ontworpen, hier en daar een pictogram toegevoegd, maar we hebben onze app nog geen inhoud gegeven.
Wat gaat onze app eigenlijk doen? Onder de Inhoud onderdeel van het ontwerpproces kunnen we dat beslissen door inhoudsbronnen toe te wijzen voor de verschillende paginatypen. In elk van de standaard sectietypes (artikelen, afbeeldingen, Twitter, kalender, etc.) kunnen we inhoud rechtstreeks in standaardbronnen invoegen. Onze artikelenpagina kan worden gevuld met gegevens van een WordPress-blog, een RSS-feed, een aangepaste bron, u krijgt het idee.
Om te demonstreren, gebruik ik de RSS-feed Tuts + Web Design (https://webdesign.tutsplus.com/posts.atom) en voer ik die in het formulier voor het maken van een sectie in. We kunnen tot 60 dergelijke secties toevoegen.
Oké, ziet er goed uit.
Onze tutorial feed, in app-vormRSS-feeds zijn eenvoudig; de inhoud is gepubliceerd en beschikbaar gemaakt om te pakken en te injecteren in onze app. Andere bronnen zijn minder open (begrijpelijk), dus er is meer verificatie nodig. Het gebruik van een Twitter-feed vereist bijvoorbeeld dat de accounteigenaar een "app" maakt om een Gebruikers sleutel, Consumentengeheim, Toegangstoken, en Toegang tot het geheime token. Met die details kan een Twitter-feed probleemloos in onze app worden ingevoerd.
Hoe dan ook, verder met de show, laten we doorgaan met het ontwerpen van de verschillende pagina's in onze (erg simplistische) app, inclusief de zelfstudiepagina, toegankelijk via de app-structuur hier:
Nogmaals, we kunnen een sjabloon toepassen, kleuren en lettertypen aanpassen, aanpassen en op weg zijn.
Deze voorvertoning van faux-apparaten is goed en wel, en hoe het ontwerp werkt, is erg handig, maar hoe ziet deze app eruit op een werkelijk apparaat?
De Voorbeeld de knop op het hoofddoek biedt een aantal apparaten, plus een QR-code om te starten in de native app.
U kunt ook de GoodBarber-app downloaden (iOS of Android), inloggen met uw accountgegevens en vervolgens uw app-concepten rechtstreeks vanaf uw apparaat invoeren. Dit is een van onze zelfstudiepagina's, samen met de native app-besturingselementen:
Als je dat eenmaal hebt gedaan gebouwd uw app, en deze hebt gepubliceerd, kunt u de app gebruiken om pushmeldingen te verzenden en gebruiksstatistieken te krijgen.
Een van de belangrijkste onderdelen van het verkoopproces van een app is de productdemo; Het lijdt geen twijfel dat uw klant een voorbeeld van de applicatie wil zien die zijn bedrijf zal vertegenwoordigen voordat deze openbaar wordt. Dit kan worden gedaan, zoals hierboven vermeld, met de backoffice-preview of via de app My GoodBarber. Voor een optimale presentatie van de app met al zijn functies (en zonder GoodBarber-branding) is het genereren van de AdHoc-versie en het verzenden van dit bestand naar uw klant de beste optie.
Oké, terug naar de verzendfase.
Wanneer alles is voltooid en u al uw ontwerp- en inhoudsbases hebt afgedekt, bent u klaar om het in de app-winkels af te vuren. Bekijk de Voorlegging opties en u zult enkele handige checklists zien die u moet invullen voordat u iets kunt indienen.
Voor dit voorbeeld hebben we gefaald bij de eerste hindernis; niet genoeg secties.
Maar als alles groen is, kan het indieningsproces handmatig (alleen) worden gedaan, of je kunt de verantwoordelijkheid overnemen naar GoodBarber en ze doen het voor jou, tegen betaling.
Als u uw app wilt verspreiden en gebruiken, ontvangt u certificaten van de app-winkels. Deze beveiligingslaag voorkomt dat uw app zonder uw medeweten wordt gewijzigd en gedistribueerd.
Deze fase in het proces is niet relevant totdat u uw aanvraag heeft ingediend en uw app heeft geaccepteerd, maar wanneer dat is gesorteerd, kunt u uw certificaten beheren via het dashboard van GoodBarber.
Hoe dan ook, u moet een ontwikkelaarsaccount krijgen voor het platform (en) waarop u wilt dat uw app beschikbaar is. Voor resellers is dit een zeer belangrijk element bij de keuze van een app-bouwplatform, omdat het belangrijk is om er zeker van te zijn dat je zo min mogelijk een exit-barrière hebt om de groei van je bedrijf niet te beperken. Binnen het Agency Guide Ebook vindt u alle elementen en strategieën waaruit u kunt kiezen in het geval dat u van de ene naar de andere service moet overstappen.
Dit is een snelle demo geweest, maar illustreert hoe moeiteloos het maken van apps met GoodBarber kan zijn. Toegegeven, meer tijd en energie besteed aan de app en het ontwerp zal de kans vergroten dat het wordt geaccepteerd voor distributie, maar je krijgt het idee.
Als je erover denkt om een app-bouwer te gebruiken, voor jezelf of een klant, neem dan een kijkje in de GoodBarber Agency Guide om een goed idee te krijgen van de zakelijke kant van de dingen.
Heb je GoodBarber gebruikt? Laat ons uw ervaringen kennen in de opmerkingen!
Accentsconagua