Aplicații Easy iOS bazate pe locație Cu șablonul appyMap

Introducere

Este mai bine să câștigi 5.000 de dolari, lucrând zece ore pe zi, sau să câștigi 3.000 $, dacă lucrezi doar unul? Timpul este bani, și este cel mai important activ asta avem.

Utilizarea unui șablon de aplicație are două avantaje: 

• Vă economisește timp.
• Înveți ceva nou, repede.

Pentru a construi o aplicație utilizând un șablon, introduceți datele, schimbați logo-ul, personalizați fonturile, culorile ... și asta-i tot.

Să presupunem că doriți să creați un ghid al punctelor de interes (biserici, muzee, monumente sau chiar parcări, magazine, etc.) în orașul dvs. Puteți crea aplicația de la zero și puteți petrece mult timp proiectând interfața, scriind codul și implementând cadre. Sau puteți folosi un șablon și să aveți totul gata în câteva ore - uneori minute!

Și poate chiar mai important, economisiți timp nu numai în realizarea aplicației însăși, ci și în învățarea noilor concepte: puteți vedea în practică modul în care funcționează lucrurile noi, astfel încât să puteți învăța și asimila ideile noi mult mai rapid.

Dar am vrut să facem un ghid pentru orașul nostru, nu? Să vedem cum să facem asta în zece minute cu appyMap.

Prezentare generală

Cu appymap vă puteți crea propria aplicație pentru a ajuta utilizatorii să descopere puncte de interes grupate pe categorii, cum ar fi o aplicație de referință pentru magazine sau restaurante, un ghid de oraș sau orice altă utilizare care necesită localizarea locațiilor pe o hartă. Puteți găsi șablonul de aplicație bazat pe locație appyMap iOS pentru descărcare în CodeCanyon.

Structura appyMap este foarte simplă și constă din patru ecrane: Home, Section, Detail și Directions (care sunt furnizate de Apple Maps).

Ecranul de pornire arată secțiunile principale, în interiorul cărora există puncte de interes.

Selectarea unui punct de interes deschide ecranul detaliat cu fotografii, descrieri și un câmp suplimentar (care poate fi folosit pentru adresă, orar de deschidere etc.) și un buton pentru a obține indicații de călătorie. Dacă există un număr de telefon, puteți apela și punctul de interes din cadrul aplicației.

Acum, să examinăm modul de introducere a datelor în aplicație.

Introducerea datelor aplicației

Există două moduri de a introduce datele: prin fișierele Plist locale sau folosind CloudKit, Platforma cloud a Apple. Fiecare are propriile argumente pro și contra.

Opțiunea 1: Fișiere locale Plist

Plist fișierele sunt fișierele pe care le includeți în aplicația dvs. Ele sunt un document structurat de date - nu spre deosebire de un fișier de foi de calcul.

Puteți edita fișiere Plist cu Xcode. Acesta este cel mai simplu mod și este util atunci când trebuie doar să modificați sau să adăugați cantități mici de date. Un alt mod de a adăuga date într-un fișier Plist este prin conversia unei foi de calcul și importul în Xcode. Acest lucru este foarte util atunci când trebuie să gestionați o cantitate mare de date. 

Folosirea fișierelor Plist pentru a expedia datele aplicației vă oferă două avantaje:

1. Aplicația dvs. nu va avea nevoie de o conexiune la internet pentru a funcționa corect.
2. Mai puțin întârziere: datele Plist din aplicația dvs. vor fi încărcate instantaneu la pornire, în timp ce datele stocate în cloud vor avea întotdeauna unele întârzieri.

Dezavantajul utilizării datelor locale este că, dacă doriți să adăugați sau să editați puncte de interes, va trebui să lansați o nouă versiune a aplicației.

Configurarea meniului principal

În interiorul proiectului Xcode care vine cu appyMap, deschideți Main.plist fișier - acest fișier definește meniul principal. În acest fișier vedem o listă de elemente care definesc categoriile ("secțiunile") din locurile de interes. Fiecare element are trei câmpuri:

• id: id-ul unic al secțiunii, utilizat și pentru comanda articolelor
• Nume: numele secțiunii
  
• isFree: Dacă este setat la "da" secțiunea este gratuită, altfel este blocată și poate fi deblocată cu achiziția în aplicație.
  

Fiecare secțiune poate avea o pictogramă, care ar trebui să aibă același nume de fișier ca și numele secțiunii (a se vedea imaginea de mai jos).

Puteți adăuga câte secțiuni doriți: secțiunile noi vor fi adăugate la sfârșitul listei, iar vizualizarea de colecție a meniului principal va derula dacă este necesar.

Puncte de interes

Odată ce ați configurat secțiunile principale, puteți începe să adăugați puncte de interes. Pentru fiecare secțiune, appyMap va căuta un fișier Plist cu același nume de fișier ca și cel pe care îl alegeți pentru secțiune. De exemplu, dacă aveți o secțiune numită "Case", appyMap va căuta un fișier numit Houses.plist, și va citi locurile de interes din secțiunea Case din acel dosar.

Aceste fișiere de interese au următoarele câmpuri:

1. id
2. Nume
3. Descriere
4. latitudine
5. longitudine
6. tel (Opțional)
7. timp(Opțional)

Pentru imaginea miniaturală a locului de interes, aplicația va căuta o imagine JPEG cu un nume de fișier constând din numele secțiunii urmate de id-ul locului de interes. Deci, dacă aveți trei locuri în secțiunea Muzeu, aveți nevoie de trei fotografii numite Museum1.jpg, Museum2.jpg, și Museum3.jpg.

Opțiunea 2: CloudKit

În loc să stocați informațiile aplicației în fișiere Plist locale, puteți să le oferiți serviciului CloudKit de la Apple. 

Dacă decideți să utilizați CloudKit, informațiile dvs. nu vor mai fi locale, ci vor fi citite din cloud. Aceasta vă permite să modificați baza de date a locațiilor de interes fără a fi nevoie să lansați versiuni noi ale aplicației. Cu toate acestea, aplicația va necesita o conexiune la Internet pentru a afișa puncte de interes.

Utilizarea CloudKit

Utilizând contul dvs. de dezvoltator Apple, puteți utiliza funcția CloudKit back end pentru a vă gestiona datele. Dacă aveți un cont Apple Developer, puteți gestiona CloudKit cu tabloul de bord CloudKit.

Pentru a vă conecta App la CloudKit, trebuie să mergeți la dvs. Pagina dezvoltatorului, și să activați iCloud:

Apoi, reveniți la Xcode, selectați țintă și activa iCloud pentru aplicația dvs.:

Acum trebuie să adăugați două tipuri de înregistrări pentru a ține datele aplicației. Începând cu tipul principal, pentru a menține datele din meniurile secțiunilor: accesați tabloul de bord CloudKit, selectați Tipuri de înregistrări, faceți clic pe butonul plus și denumiți înregistrarea "Principal"Acum trebuie să recreăm în esență aceeași structură pe care am folosit-o în fișierul Plist Adăugați câmpul ...  și să creeze patru câmpuri:

1. Nume (tip: String)
   
2. pic (tip: Asset)
   
3. Ordin (tip: Int (64))
   
4. isFree (tip: Int (64))

Acesta este un pic diferit de formatul Plist, pentru că am creat un câmp suplimentar numit "pic", care va păstra pictograma pentru fiecare secțiune.

În final, ar trebui să aveți o masă similară:

Apoi trebuie să creați un tip de înregistrare pentru fiecare secțiune pe care aplicația dvs. o va afișa. De exemplu, dacă aveți două secțiuni (să spunem "Case" și "Monumente") pentru aplicația dvs., ați crea două înregistrări corespunzătoare, numite "Case" și "monumente"(ca în captura de ecran de mai sus).

Pentru a crea un alt tip de înregistrare, începeți clicând pe + buton. Dați înregistrării numele secțiunii dvs. (în acest caz "Case„):

Acum faceți clic pe Adăugați câmpul ...  și să creezi câmpuri ca și înainte. De data aceasta, câmpurile pe care trebuie să le creați sunt următoarele:

1. Nume (tip: String)
2. Descriere (tip: String)
3. pic (tip: Asset)
4. coordonatele (tip: Locație)
5. tel (tip: String)
6. timp (tip: String)
7. Ordin (tip: Int64)

Rețineți că tel (telefon) și timp câmpurile sunt opționale. Dacă sunt prezenți, vor apărea în ecranul detaliat, altfel ele sunt ascunse.

Sugestie: O modalitate rapidă de a obține coordonatele hărții

Introducerea locațiilor pentru appyMap implică căutarea unui număr mare de latitudini și longitudini. Pentru a găsi rapid latitudinea și longitudinea unei locații date, căutați-o în Hărți Google, faceți clic dreapta pe punctul de interes și selectați Ce e aici? Aceasta va returna toate datele locului, împreună cu latitudinea și longitudinea sa. Puteți să copiați și să lipiți aceste valori în lat și lon domenii în CloudKit sau în fișierul Plist.

Concluzie

În acest tutorial, ați învățat cum să începeți cu o nouă aplicație bazată pe locație folosind șablonul appyMap de la CodeCanyon. Ați învățat cum funcționează șablonul și cum să adăugați propriile date despre locație în șablon. 

Dacă descărcați șablonul, veți primi mai multe informații despre configurarea și personalizarea aplicației. appyMap vine cu un ghid de instrucțiuni detaliat care vă va duce prin toți pașii de configurare și personalizare a șablonului în mod corespunzător.

Dar este ușor. Pentru a construi o aplicație utilizând un șablon, trebuie doar să introduceți datele, să personalizați culoarea, fonturile și sigla ... și să compilați! Aplicația dvs. poate fi gata în doar câteva ore.

Există sute de alte șabloane de aplicații pentru iOS pe CodeCanyon. Du-te să le vezi! S-ar putea să vă salvați multe ore de lucru. 

Mult noroc pe următoarea aplicație! Și între timp, verificați câteva dintre celelalte tutoriale ale aplicațiilor noastre pentru iOS pe Envato Tuts+.