App iOS facili basate sulla posizione con il modello appyMap

Cosa starai creando

introduzione

È meglio guadagnare $ 5,000 lavorando dieci ore al giorno, o guadagnare $ 3.000 lavorando solo uno? Il tempo è denaro, ed è il il bene più importante che noi abbiamo.

L'utilizzo di un modello di app presenta due vantaggi: 

  • Ti fa risparmiare tempo.
  • Impari qualcosa di nuovo, velocemente.

Per creare un'app utilizzando un modello, inserisci i tuoi dati, cambia il logo, personalizza i caratteri, i colori ... e il gioco è fatto.

Supponiamo che tu voglia creare una guida per punti di interesse (chiese, musei, monumenti o persino parcheggi, negozi, ecc.) Nella tua città. Puoi creare la tua app da zero e dedicare molto tempo a progettare l'interfaccia, scrivere il codice e implementare i framework. Oppure puoi usare un modello e avere tutto pronto in poche ore, a volte qualche minuto!

E forse ancora più importante, risparmi tempo non solo nella realizzazione dell'app stessa, ma anche nell'apprendimento di nuovi concetti: vedi in pratica come funzionano le cose nuove, così puoi imparare e assimilare nuove idee molto più velocemente.

Ma volevamo fare una guida per la nostra città, giusto? Vediamo come farlo in dieci minuti con appyMap.

Panoramica

Con appyMap puoi creare la tua app per aiutare gli utenti a scoprire punti di interesse raggruppati per categorie, come un'app di riferimento per negozi o ristoranti, una guida della città o qualsiasi altro uso che richieda la localizzazione di luoghi su una mappa. È possibile trovare il modello dell'app app-location basato su AppyMap per il download su CodeCanyon.

La struttura appyMap è molto semplice e si compone di quattro schermate: Home, Section, Detail e Directions (fornite da Apple Maps).

La schermata principale mostra le nostre sezioni principali, all'interno delle quali ci sono i punti di interesse.

Selezionando un punto di interesse si apre la schermata dei dettagli con foto, descrizioni e un campo aggiuntivo (che può essere utilizzato per indirizzo, orari di apertura, ecc.) E un pulsante per ottenere indicazioni stradali. Se è presente un numero di telefono, puoi anche chiamare il punto di interesse dall'interno dell'app.

Ora vediamo come inserire i nostri dati nell'app.

Immissione dei dati dell'app

Ci sono due modi per inserire i tuoi dati: attraverso file Plist locali o usando CloudKit, Piattaforma cloud di Apple. Ognuno ha i suoi pro e contro.

Opzione 1: file Plist locali

I file Plist sono file che includi nella tua app. Sono un documento di dati strutturato, non diverso da un foglio di calcolo.

È possibile modificare i file Plist con Xcode. Questo è il modo più semplice ed è utile quando devi solo modificare o aggiungere piccole quantità di dati. Un altro modo per aggiungere dati a un file Plist è convertire un foglio di calcolo e importarlo in Xcode. Questo è davvero utile quando devi gestire una grande quantità di dati. 

L'utilizzo dei file Plist per spedire i dati della tua app ti offre due vantaggi:

  1. La tua app non avrà bisogno di una connessione Internet per funzionare correttamente.
  2. Meno lag: i dati Plist della tua app verranno caricati istantaneamente all'avvio, mentre i dati archiviati nel cloud avranno sempre un certo ritardo.

Il lato negativo dell'utilizzo dei dati locali è che, se si desidera aggiungere o modificare i punti di interesse, è necessario rilasciare una nuova versione dell'app.

Configurazione del menu principale

All'interno del progetto Xcode fornito con appyMap, apri il Main.plist file: questo file definisce il menu principale. All'interno di questo file vediamo un elenco di elementi, che definiscono le categorie ("sezioni") dei luoghi di interesse. Ogni articolo ha tre campi:

  • id: l'ID univoco della sezione, utilizzato anche per ordinare articoli
  • nome: il nome della sezione
  • è libero: Se impostato su "sì" la sezione è gratuita, altrimenti è bloccata e può essere sbloccata con l'acquisto in-app.

Ogni sezione può avere un'icona, che dovrebbe avere lo stesso nome di file del nome della sezione (vedi l'immagine sotto).


Puoi aggiungere tutte le sezioni che desideri: le nuove sezioni verranno aggiunte alla fine dell'elenco e la vista della raccolta del menu principale scorrerà se necessario.

Punti di interesse

Dopo aver configurato le sezioni principali, puoi iniziare ad aggiungere punti di interesse. Per ogni sezione, appyMap cercherà un file Plist con lo stesso nome del nome scelto per la sezione. Ad esempio, se hai una sezione chiamata "Case", appyMap cercherà un file chiamato Houses.plist, e leggerà i luoghi di interesse per la sezione Case da quel file.

Questi file di luoghi di interesse hanno i seguenti campi:

  1. id
  2. nome
  3. descrizione
  4. latitudine
  5. longitudine
  6. tel (opzionale)
  7. tempo(opzionale)

Per l'immagine di anteprima del luogo di interesse, l'app cercherà un'immagine JPEG con un nome file composto dal nome della sezione seguito dall'ID del luogo di interesse. Quindi se hai tre posti nella sezione Museum, hai bisogno di tre foto nominate Museum1.jpg, Museum2.jpg, e Museum3.jpg.

Opzione 2: CloudKit

Invece di memorizzare le informazioni della tua app nei file Plist locali, puoi servirla dal CloudKit di Apple. 

Se decidi di utilizzare CloudKit, le tue informazioni non saranno più locali, ma saranno lette dal cloud. Ciò consente di modificare il database dei luoghi di interesse senza dover rilasciare nuove versioni dell'app. Tuttavia, l'app richiede una connessione a Internet per mostrare i punti di interesse.

Utilizzando CloudKit

Usando il tuo account sviluppatore Apple, puoi usare il CloudKit back end per gestire i tuoi dati. Se disponi di un account sviluppatore Apple, puoi gestire CloudKit con CloudKit Dashboard.

Per connettere la tua app con CloudKit, devi andare al tuo Pagina dello sviluppatore, e abilita iCloud:

Quindi, torna a Xcode, seleziona il tuo obiettivo, e abilita iCloud per la tua app:

Ora è necessario aggiungere due tipi di record per contenere i dati dell'app. A partire dal tipo Main, per conservare i dati del menu delle sezioni: vai al dashboard di CloudKit, seleziona Registra i tipi, fare clic sul pulsante più e nominare il record "Principale"Ora abbiamo bisogno di ricreare essenzialmente la stessa struttura che abbiamo usato nel file Plist. Clicca su Aggiungi campo ...  e creare quattro campi:

  1. nome (tipo: stringa)
  2. pic (tipo: asset)
  3. ordine (tipo: Int (64))
  4. è libero (tipo: Int (64))

Questo è un po 'diverso dal formato Plist, perché abbiamo creato un campo extra chiamato "pic", che manterrà l'icona per ogni sezione.

Alla fine dovresti avere una tabella come questa:

Quindi devi creare un tipo di record per ogni sezione che verrà visualizzata dall'app. Ad esempio, se hai due sezioni (diciamo "Case" e "Monumenti") per la tua app, creerai due record corrispondenti, denominati "case" e "monumenti"(come nello screenshot qui sopra).

Per creare un altro tipo di record, iniziare facendo clic sul + pulsante. Dai al record il nome della tua sezione (in questo caso "case"):

Ora clicca su Aggiungi campo ...  e crea campi come hai fatto prima. Questa volta, i campi che devi creare sono i seguenti:

  1. nome (tipo: stringa)
  2. descrizione (tipo: stringa)
  3. pic (tipo: asset)
  4. coordinate (tipo: posizione)
  5. tel (tipo: stringa)
  6. tempo (tipo: stringa)
  7. ordine (tipo: Int64)

Si noti che il tel (telefono) e tempo i campi sono opzionali. Se sono presenti, verranno visualizzati nella schermata dei dettagli, altrimenti sono nascosti.

Suggerimento: un modo rapido per ottenere coordinate di mappa

Inserimento di posizioni per appyMap implica la ricerca di molte latitudini e longitudini. Per trovare rapidamente la latitudine e la longitudine di una determinata località, basta cercarla su Google Maps, fare clic con il tasto destro del mouse sul punto di interesse e selezionare Cosa c'è qui? Ciò restituirà tutti i dati del luogo, insieme alla sua latitudine e longitudine. Puoi semplicemente copiare e incollare questi valori su lat e lon campi in CloudKit o nel tuo file Plist.

Conclusione

In questo tutorial, hai imparato come iniziare con una nuova app basata sulla posizione utilizzando il modello appyMap di CodeCanyon. Hai appreso come funziona il modello e come aggiungere i dati di posizione personali al modello. 

Se scarichi il modello, riceverai molte più informazioni su come configurare e personalizzare la tua app. appyMap viene fornito con una guida dettagliata alle istruzioni che ti guiderà attraverso tutte le fasi di configurazione e personalizzazione del modello.

Ma è facile. Per creare un'app utilizzando un modello, inserisci i tuoi dati, personalizza il colore, i caratteri e il logo ... e compila! La tua app può essere pronta in poche ore.

Ci sono centinaia di altri modelli di app iOS su CodeCanyon. Vai a dare un'occhiata! Potresti salvarti molte ore di lavoro. 

Buona fortuna per la tua prossima app! E nel frattempo, dai un'occhiata ad alcune delle nostre altre esercitazioni per app iOS qui su Envato Tuts+.