Share
Ci sono molte cose che non sono; Non ho quattro anni, non sono l'Alaskan, e non sono un fan di mangiare la trippa. Soprattutto per il tutorial di oggi, non sono uno sviluppatore iOS o Android. Ma grazie a GoodBarber svilupperò e pubblicherò un'app.
GoodBarber è un creatore di app basato su browser. I suoi strumenti di progettazione e l'interfaccia point-and-click sono ideali per i principianti.
Oltre ad aiutare i non sviluppatori a creare app, GoodBarber è anche uno strumento di supporto per le agenzie che desiderano aggiungere app mobili ai propri portafogli a un prezzo basso. Recentemente GoodBarber ha pubblicato una guida (sotto forma di ebook gratuito) per commercializzare e vendere app come agenzia.
"C'è ancora molto da considerare quando si avvia la tua agenzia, e questo ebook sarà il tuo compagno nella navigazione attraverso il processo."
Allora, iniziamo e vediamo come GoodBarber ti aiuta a creare app.
Visita goodbarber.com e inserisci i dettagli della tua nuova app. Ho deciso di creare un'app chiamata "random" che userò per pubblicare elementi casuali.
Colpire crea il tuo account (che è gratuito per trenta giorni) e guarda come si costruiscono le cose.
Il mio progetto può ora essere trovato su random.goodbarber.com (dove posso accedere).
Questo passaggio è obbligatorio, anche per un'agenzia che cerca di iscriversi al programma del rivenditore. Creando un progetto, avrai accesso a un periodo di prova gratuito di 30 giorni che ti consentirà di testare tutte le funzionalità di GoodBarber e assicurarti che sia il partner giusto per il tuo ingresso nel mercato mobile.
Con la nostra app creata, ci viene detto che ci sono alcuni semplici passaggi tra noi e la produzione. Per prima cosa, dobbiamo progettare qualcosa. Ci concentreremo sulla personalizzazione della navigazione, dell'intestazione, del corpo (contenuto), della schermata iniziale e della relativa icona della nostra app.
Tutto ciò avviene in un'interfaccia di design molto intuitiva, con un'anteprima di ciò che stiamo costruendo al centro della tela. A destra della finestra del browser ci sono più cose che devo fare, scomposto in passaggi logici e spuntato mentre li completo.
Il primo passo è scegliere uno dei tanti temi offerti. Ho scelto "Classic Blue" per la sua semplicità e posso visualizzarlo in anteprima prima di applicarlo alla mia app.
Questi sono solo valori predefiniti; durante le prossime fasi del design mi verrà data la possibilità di cambiare il font, i colori e così via.
Come rivenditore, puoi scegliere di creare alcune app demo, quante ne richiede il portfolio del tuo cliente (ad esempio: ristoranti, saloni di bellezza, negozi, ecc.) E quindi replicare il progetto tutte le volte che vuoi. Ciò velocizzerà il processo di progettazione, offrendoti comunque la possibilità di personalizzare i dettagli per ciascun cliente.
Smashing attraverso il processo di compilazione è facile grazie a tutti i modelli disponibili in ogni fase del processo, ma è anche possibile creare le cose manualmente se si preferisce. Il processo di progettazione della navigazione, ad esempio, ti offre la possibilità di scegliere i menu a griglia a schermo intero, le diapositive fuori campo, le schede nella parte inferiore dello schermo e così via.
Ma se preferisci prendere il controllo e sporcarti le mani, puoi costruire tutto da solo con il codice HTML moderno. Gli snippet di markup sono forniti in modo da poter collegare tra ciascuna parte dell'app e scrivere correttamente le cose.
Processo di creazione della navigazione personalizzatoAvere la libertà di uscire dal percorso guidato è molto importante per le agenzie che hanno richieste client molto specifiche a cui rispondere. L'accesso alle impostazioni API, la sezione HTML e il plug-in aggiuntivo consentono una profonda personalizzazione dell'app e la possibilità di offrire funzionalità aggiuntive per mantenere il cliente sorridente.
Crikey, già ?! Sì, se hai finito di progettare il layout, i colori, la navigazione, la griglia e altri dettagli della tua app, a questo punto puoi inviarla agli app store di tua scelta. Nel nostro caso c'è ancora un sacco di lavoro da fare, ma noi poteva prova a inviarlo, se lo volessimo.
Le modifiche recenti verranno visualizzate sul changelog dashboard, così puoi aggiornarlo quando sei pronto.
Bene, stiamo superando noi stessi qui. Potremmo aver cambiato alcuni colori, progettato il nav, aggiunto un'icona qua e là, ma non abbiamo ancora dato alla nostra app alcun contenuto.
Cosa farà in realtà la nostra app? Sotto il Soddisfare sezione del processo di progettazione possiamo decidere che assegnando fonti di contenuto per i vari tipi di pagina. In ognuno dei tipi di sezioni standard (articoli, immagini, Twitter, calendario ecc.) Possiamo collegare il contenuto direttamente dalle fonti standard. La nostra pagina degli articoli può essere popolata con i dati di un blog WordPress, un feed RSS, una fonte personalizzata, hai un'idea.
Per dimostrare, userò il feed RSS di Tuts + Web Design (https://webdesign.tutsplus.com/posts.atom) e lo inserirò nel modulo di creazione della sezione. Possiamo aggiungere fino a 60 tali sezioni.
Ok, sembra buono.
Il nostro feed tutorial, in forma di appI feed RSS sono semplici; il contenuto è stato pubblicato e reso aperto per afferrare e iniettare nella nostra app. Altre fonti sono meno aperte (comprensibilmente), quindi sono necessarie ulteriori verifiche. Ad esempio, l'utilizzo di un feed Twitter richiede che il proprietario dell'account crei una "app" per ottenere un Chiave del consumatore, Segreto dei consumatori, Token di accesso, e Accesso token segreto. Con questi dettagli, un feed Twitter può essere inserito nella nostra app senza problemi.
Comunque, con lo spettacolo, continuiamo a progettare le varie pagine nella nostra (molto semplicistica) app, inclusa la pagina del tutorial, accessibile attraverso l'albero delle app qui:
Ancora una volta, possiamo applicare un modello, modificare colori e caratteri, personalizzare ed essere sulla buona strada.
Questa anteprima del dispositivo fa tutto bene, e controllare come funziona il design mentre lavoriamo è molto utile, ma come appare questa app su effettivo dispositivo?
Il Anteprima il pulsante sulla tela principale offre un numero di dispositivi, oltre a un codice QR per l'avvio nell'app nativa.
In alternativa, scarica l'app GoodBarber (iOS o Android), accedi con le credenziali del tuo account, quindi potrai inserire le tue bozze di app direttamente dal tuo dispositivo. Ecco una delle nostre pagine di tutorial, insieme ai controlli delle app native:
Una volta che hai effettivamente costruito la tua app e pubblicata, puoi utilizzare l'app per inviare notifiche push e ottenere statistiche di utilizzo.
Una delle parti più importanti del processo di vendita di un'app è la demo del prodotto; non c'è dubbio che il tuo cliente vorrà vedere in anteprima l'applicazione che rappresenterà la sua azienda prima che diventi pubblica. Questo può essere fatto, come detto sopra, con l'anteprima del back office o attraverso l'app My GoodBarber. Tuttavia, per mostrare in modo ottimale l'app con tutte le sue caratteristiche (e senza il marchio GoodBarber), generare la versione AdHoc e inviare questo file al tuo cliente è l'opzione migliore.
Bene, torniamo allo stadio di presentazione.
Quando hai finito e hai coperto tutto il tuo design e le tue basi di contenuti, sei pronto per sparagli negli app store. Dai un'occhiata al Sottomissione opzioni e vedrai alcune comode liste di controllo che dovrai compilare prima di poter inviare qualsiasi cosa.
Per questo esempio abbiamo fallito al primo ostacolo; non abbastanza sezioni.
Ma quando tutto è verde, il processo di invio può essere fatto manualmente (da solo) oppure puoi consegnare la responsabilità a GoodBarber e lo faranno per te, a pagamento.
Per distribuire e utilizzare la tua app, ti verranno concessi certificati dagli store di app. Questo livello di sicurezza impedisce che la tua app venga alterata e distribuita a tua insaputa.
Questa fase del processo non sarà rilevante fino a quando non hai inviato la richiesta e la tua app è stata accettata, ma quando è stata ordinata puoi gestire i tuoi certificati dalla dashboard di GoodBarber.
In entrambi i casi, dovrai ottenere un account sviluppatore per le piattaforme su cui desideri rendere disponibile la tua app. Per i rivenditori, questo è un elemento molto importante nella scelta di una piattaforma di creazione di app, perché è importante essere sicuri di avere il minimo di barriera di uscita possibile, al fine di non limitare la crescita della propria attività. All'interno dell'Ebook Guide Ebook, troverai tutti gli elementi e le strategie tra cui scegliere nel caso in cui tu debba passare da un servizio all'altro.
Questa è stata una rapida demo, ma illustra come la creazione di app senza sforzo può essere con GoodBarber. Certo, più tempo ed energia effettivamente spesi per l'app e il suo design aumenteranno le probabilità che venga accettata per la distribuzione, ma si ottiene l'idea.
Se stai pensando di usare un costruttore di app, per te o per un cliente, dai un'occhiata alla GoodBarber Agency Guide per avere una buona idea del lato business delle cose.
Hai usato GoodBarber? Fateci sapere le vostre esperienze nei commenti!
Accentsconagua