Ultieme handleiding voor het bouwen en publiceren van uw eerste iPhone-app

Overweeg je om je eigen app te maken? Dit is wat je moet weten. Meer informatie over het ecosysteem van de app, programmeertalen, toolsets en de benodigde tijd en moeite. Laten we u niet vertellen wat u moet weten, maar in plaats daarvan uitleggen hoe u vandaag daadwerkelijk kunt beginnen om een ​​app in de App Store te laten publiceren.

Voor uw snelle referentie, hier zijn de snelkoppelingen:

• Bouwstenen van een app: de basis
• Het app-maakproces
• Op Swift en Objective-C
• Middleware: eenmaal bouwen, meerdere keren uitvoeren
• Ontwerp: hoe uw app wordt gebruikt
• Hoe een app voor internet in te schakelen
• Van bèta naar live gaan
• Veelgestelde vragen over uw eerste app maken
• Leermiddelen om aan de slag te gaan
• Volledige referentielijst

1. Bouwstenen van een app: de basisprincipes

Een app is slechts een stukje computersoftware dat op een smartphone wordt uitgevoerd . Het is geschreven door een programmeur en samengesteld met grafische elementen die door een ontwerper zijn gemaakt.

Apps voor de iPhone zijn gemaakt met een Mac-applicatie genaamd Xcode en geprogrammeerd in Swift of Objective-C. Veel apps zijn verbonden met internet, wat betekent dat ze een back-end hebben dat opslag van gegevens in de cloud of functionaliteit die gebruikers onderling verbindt mogelijk maakt.

Xcode is de applicatie die je kunt gebruiken om native iPhone-apps te maken, en het is alleen beschikbaar voor Mac OS X. Het bevat Interface Builder, een hulpmiddel om visueel de grafische basis van je app te creëren. Het is een steigereedschap : je kunt er geen functionele app van maken, maar je kunt wel de basis leggen voor de grafische gebruikersinterfaces van je app .

Xcode heeft veel handige functies, zoals Auto Layout om uw interface te laten werken op meerdere schermresoluties en een iPhone Simulator om uw app te testen zonder een echte iPhone.

Voor het publiceren van apps in de App Store hebt u een ontwikkelaarsaccount van Apple nodig. Het is beschikbaar voor $ 99 USD per jaar en moet elk jaar worden vernieuwd. Apple heeft een uitgebreide online toolset beschikbaar voor het beheer van nieuwe en gepubliceerde apps, genaamd iTunes Connect, evenals een uitgebreide set documentatie.

Bovendien heeft iTunes Connect nu een beta-distributieprogramma met de naam TestFlight. Het kan worden gebruikt om uw app te distribueren naar bètatesters .

2. Het proces voor het maken van de app

Elk app-ontwikkelproces volgt ruwweg deze stappen:

1. Ontwerp . Maak een mockup van je app en ontwerp alle componenten op het scherm.
2. Ontwikkelen . Deze stap omvat het coderen van de app, het koppelen van interfaces met zo-die-dan-die acties.
3. Test . Stuur de app naar bètatesters en verzamel feedback over de prestaties. Los vervolgens eventuele fouten op die zich voordoen.
4. Publiceren . Haal je app voorbij het beoordelingsproces en push hem naar productie in de App Store.

Modern procesbeheer werkt vaak met iteraties op micro- en macroniveau.

Wanneer u een nieuwe functie maakt, moet u deze altijd eerst ontwerpen en vervolgens coderen, testen en vervolgens live duwen. Of dit nu een klein onderdeel is of een heel nieuw onderdeel van de app, volg dit proces .

3. Op Swift en Objective-C

iPhone-apps zijn allemaal geschreven in Swift of Objective-C. Swift is de nieuwe programmeertaal die is uitgevonden door Apple, aangekondigd op 2 juni 2014 en vervolgens is uitgebracht als een stabiele 1.0-versie op 9 september 2014. Het is een vrij nieuwe taal en apps die volledig in Swift zijn geschreven, raken nu net de App Store.

Swift wint snel aan populariteit en de functies worden zeer geprezen door zowel beginnende als gevorderde programmeurs. Het mooie van Swift is dat het uitwisselbaar is met Objective-C. Dit helpt de adoptie van Swift door programmeurs, omdat ze hun volledige codebase niet hoeven te herschrijven om compatibel te zijn met de nieuwe taal .

Mensen die al een gemiddeld niveau in een programmeertaal hebben, hebben minder tijd nodig om Objective-C of Swift op te halen. Vooral degenen die hebben gewerkt met talen die vergelijkbaar zijn met Swift, zoals Java, PHP of Ruby, zouden het geen enkel probleem moeten hebben om Swift te leren.

Maar welke is beter, Swift of Objective-C?

Objective-C is een beetje moeilijker aan te pakken omdat het een unieke syntaxis gebruikt. Voor beginners is Swift duidelijk de betere optie. Het is eenvoudiger in vergelijking met Objective-C en verwijdert overheadkosten uit het ontwikkelingsproces, waardoor de toetredingsdrempel voor beginners aanzienlijk lager is.

Desondanks is Objective-C nog steeds de standaard in veel bedrijven over de hele wereld, dus de legacode is de komende jaren Objective-C. Als werkende iOS-ontwikkelaar zie je meer objectief-C dan snel.

4. Middleware: eenmaal bouwen, meerdere keren uitvoeren

Middleware (of cross-platform) zoals Cordova of PhoneGap, is een populaire keuze voor app-ontwikkelaars, omdat het hen in staat stelt om code eenmaal te schrijven en deze zowel op Android als op iOS te gebruiken .

Apps voor Android zijn geschreven in Java en ze zijn niet compatibel met iOS-apps . Als u voor beide platforms een app wilt maken, maar niet dezelfde app twee keer wilt programmeren, is middleware een tijdbesparende optie .

Veel van deze platformonafhankelijke hulpprogramma's zijn gebaseerd op webtechnologie, zoals HTML5, CSS en JavaScript.

PhoneGap wordt het meest gebruikt: het wordt gebruikt door 400.000 app-ontwikkelaars. PhoneGap heeft zijn eigen ontwikkeltools en exporteert technisch gezien een app die in Xcode kan worden uitgevoerd en gebouwd, waardoor het een "hybride app" is : native componenten in combinatie met HTML5 .

PhoneGap bevat nu PhoneGap Build, dat de Xcode-compiler vervangt door een cloudgebaseerde oplossing. PhoneGap is gratis en vrijgegeven onder de open-source Apache Public License v2.

Alternatieven voor PhoneGap zijn onder andere:

• Cordova (open-source)
• Sencha Touch (open-source en commercieel)
• RhoMobile Suite (open-source)

PhoneGap overtreft deze alternatieven door ondersteunde apparaten (iOS, Android, Windows Phone, BlackBerry OS, Ubuntu en Firefox OS) en ondersteunde hardware (versnellingsmeter, camera, etc.).

Nadelen tot middleware

Het gebruik van middleware zoals PhoneGap heeft twee belangrijke nadelen.

Omdat dergelijke tools allemaal gebaseerd zijn op webtechnologie, kunnen ze geen gebruik maken van hardware-versnelde native componenten. Animaties, overgangen en afbeeldingen met een hoge resolutie werken niet zo goed als in een native app, waardoor het onmogelijk is om games of visueel intense apps te gebruiken .

Ook vereist het gebruik van middleware goede kennis van compilers en build-tools, wat het een ongemakkelijke optie maakt voor beginnende ontwikkelaars .

5. Ontwerp: hoe uw app wordt gebruikt

Niet alles is apps programmeren. Grafisch ontwerp is groot in de app-industrie; het is een vereiste voor elke app die serieus genomen wil worden. Overweeg je om je eigen apps te programmeren? Als uw budget het toelaat, huur dan een grafisch ontwerper in. Er zijn genoeg mensen op outsourcingsites zoals Elance of oDesk.

Dat gezegd hebbende, je hebt geen grafisch ontwerper nodig als je net begint . Op iOS kunt u werken met de vele pre-fab-componenten die Apple gebruikt in hun eigen apps en in de gebruikersinterface van het besturingssysteem. De standaard componenten van de iPhone-gebruikersinterface zien er niet uitzonderlijk uit, maar ze zijn ook niet slecht. Het is een geweldige manier om te beginnen zonder al te veel tijd te besteden aan het grafische uiterlijk van uw app.

Tools en bronnen

Human Interface Guidelines geeft u een goed overzicht van beschikbare componenten en hoe u ze kunt gebruiken.

Pictogrammen : Overweeg een pictogramkit te gebruiken zoals Glyphish (commercieel). Ze hebben honderden pictogrammen samengesteld, geoptimaliseerd voor iPhone-apps, waaronder pictogrammen voor sociale media, knoppen voor afspelen / stoppen en symbolen voor app-gerelateerde taken, zoals nieuw, bewerken en verzenden.

Mockups : een andere tool die u zeker moet gebruiken, is Balsamiq Mockups (gratis proefversie, commercieel). Het is een aanwijzen-en-klik-editor voor het maken van mockups van uw apps. Een mockup is een ruwe schets en toont en verklaart hoe uw app werkt en wat deze doet. Begin nooit met programmeren: doe een stapje terug en bedenk opnieuw de gebruikersinterface van uw apps en lay-out door een mockup te maken.

Heb je een geschetste mockup gemaakt, maar heb je geen idee hoe de app eruit zal zien? Werk met de ontwerp-PSD's van Teehan + Lax (gratis). Ze hebben alle GUI-componenten uit iOS gehaald en beschikbaar gemaakt als vectorafbeeldingen. Perfect voor het maken van een grafische mockup!

6. Hoe een app voor internet in te schakelen

Is uw app verbonden met internet? Het creëren van een aangepaste back-end met server-side talen zoals NodeJS, Ruby of PHP kan veel tijd, geld en moeite kosten. Het is gemakkelijker om een ​​Platform-as-a-Service-tool te gebruiken, zoals Parse.

Parse is een cloudgebaseerde oplossing voor het offline en online opslaan van gegevens in uw app . Stel dat u een sociale app maakt met een stroom afbeeldingen en statusupdates. U kunt Parse gebruiken om die gegevens in de cloud op te slaan en hun SDK te gebruiken om deze gegevens van en naar uw gebruikers te krijgen .

Het gebruik van een tool als Parse elimineert volledig de noodzaak om een ​​aangepaste back-end te bouwen . De basisgebruikslaag van Parse is gratis, daaropvolgende niveaus beginnen bij USD100 / maand.

Alternatieven voor Parse zijn Appcelerator (middleware + PaaS, commercial) en App42 (PaaS + analytics, free tier).

7. Van bèta naar live gaan

Voordat een app in de App Store wordt gepubliceerd, moet je deze uploaden met iTunes Connect. U voert de basisinformatie van uw app in, zoals een beschrijving, app-categorieën en welk app-pictogram u wilt gebruiken .

Uw app komt dan in het beoordelingsproces, een vereiste van Apple. Een recensent van Apple controleert of uw app zich aan de Beoordelingsrichtlijnen houdt en of deze fouten bevat. Het is een kwaliteitscontrole om ervoor te zorgen dat alleen goede apps de App Store binnenkomen en vanaf het moment van uploaden duurt het ongeveer twee weken voordat uw app is beoordeeld.

Meer over Hongkiat:

• Genereer eenvoudig iOS-app-pictogrammen met MakeAppIcon
• Promoot uw iOS-app met de metatag van de iTunes-app
• 8 tips om downloads voor je app te vergroten
• 20 advertentienetwerken om inkomsten te genereren met uw mobiele app

10 veelgestelde vragen over het maken van uw eerste app

Natuurlijk heb je op dit moment nog steeds een aantal brandende vragen met betrekking tot het maken van je allereerste iOS-apps. We gaan een kijkje nemen bij de top 10 van vragen waar nieuwe app-ontwikkelaars zich zorgen over maken.

1. Hoeveel kost een app?

De ontwikkelingskosten van een app kunnen erg verschillen van het ene contracterende bedrijf naar het andere. Outsourcing freelancers kunnen een eenvoudige app maken voor ongeveer USD3000. Grotere bedrijven kunnen vragen van USD25.000 tot USD100.000 voor een complexe applicatie, waaronder grafisch ontwerp en back-end programmeren. Bedrijven zoals Tinder, Pinterest, Facebook, etc. kunnen honderdduizenden tot miljoenen uitgeven voor het ontwikkelen en vermarkten van één app. Net als overal elders: je krijgt waar je voor betaalt .

2. Ik zit vast met een programmeerfout. Hoe krijg ik hulp?

Veel programmeervragen voor beginners zijn al gesteld op sites zoals StackOverflow. Zoek naar het foutbericht of de bug die je hebt gevonden en je zult waarschijnlijk een oplossing vinden. Als u zelf een vraag stelt, zoek dan altijd eerst en zorg ervoor dat u uw probleem grondig uitlegt en vertel welke stappen u al hebt ondernomen om het op te lossen . Quora is een goed medium voor het stellen van niet-technische vragen, bijvoorbeeld over zakelijke en UX / UI-onderwerpen.

3. Ik heb een briljant idee voor een app. Waar moet ik beginnen?

Als je serieus bezig bent met het maken van een bedrijf op basis van een app, begin dan niet meteen met het programmeren. Ten eerste, valideer uw bedrijfsidee door te pitchen naar uw doelgroep .

Neem contact op met potentiële klanten en onderzoek ze, vraag om feedback .

Houd in gedachten dat de meeste succesvolle apps een onmiddellijk probleem oplossen, op een manier dat klanten ervoor willen betalen . Wanneer u uw idee hebt gevalideerd en een relatie met uw eerste klanten hebt opgebouwd, gaat u verder met het ontwerpen en ontwikkelen van de eigenlijke app.

4. Heb ik een iPhone nodig om apps te maken?

Nee, maar het wordt aanbevolen. Xcode heeft een iPhone Simulator, waarmee uw apps worden uitgevoerd, net zoals een fysieke iPhone dat zou doen. Het vasthouden van een echte iPhone met uw app in uw handen verschilt van het zien op uw computerscherm, dus het testen van uw app op een echt apparaat wordt aanbevolen.

Houd er rekening mee dat Xcode alleen op Mac OS X werkt.

5. Ik ben niet goed in wiskunde, heb ik het nodig voor programmeren?

Ja en nee. Het is een stedelijke mythe dat om te kunnen coderen, je goed moet zijn in wiskunde. Veel programmeerprincipes vinden hun oorsprong in wiskunde, maar ze zijn niet nodig voor een basisbegrip van hoe je apps kunt maken . Als je dieper duikt en meer vaardigheid hebt in programmeren, zul je merken dat je onderweg wat rekenvaardigheden hebt opgedaan.

6. Ik werk voor een bedrijf. Volg ik mijn app-idee met het bedrijf of in mijn eigen tijd?

Het hangt af van het bedrijf en uw positie. Ben jij een ingenieur en is de kernactiviteit van je bedrijf online, digitaal of nauw gerelateerd aan apps? Dan wilt u misschien een prototype bouwen en uw leidinggevende of werkgever overtuigen om het idee na te streven.

Als u denkt dat uw werkgever de waarde niet zal zien, kunt u het app-idee in uw eigen tijd volgen. Houd rekening met je contract met je werkgever . Uitvindingen die tijdens uw tijd met het bedrijf zijn gedaan, kunnen worden beschouwd als het intellectuele eigendom van het bedrijf, niet het uwe.

7. Mijn app-idee bestaat al in de App Store. Wat moet ik nu doen?

Het feit dat het bestaat, wil nog niet zeggen dat het een goede app is . Je kunt altijd een concurrerende app maken en deze beter maken dan wat er al is.

Evenzo is het feit dat een app nog niet bestaat, geen goed idee om deze te maken. Het kan heel goed zijn dat een app meerdere keren is gepubliceerd, maar uit de App Store is gehaald omdat het niet nodig was.

Bevestig altijd uw app-idee aan het probleem dat het oplost en de waarde die het heeft voor zijn gebruikers.

8. Waarom wordt de iPhone soms iOS genoemd?

Er is een klein verschil: iPhone is de naam voor de eigenlijke hardwaresmartphone en iOS staat voor "i Besturingssysteem". Teruggaand in de geschiedenis van Apple was de iMac-computer het eerste product met het voorvoegsel "i". Later hebben ze deze stijl gevolgd en meer producten gemaakt: iTunes, iPod, iPad en iPhone. Het is normaal dat u het besturingssysteem oproept dat op de iPhone, iOS, draait.

9. Hoe breng je effectief een iPhone-app op de markt?

Er zijn hele boeken over deze vraag geschreven! Het is moeilijk, maar niet onmogelijk om te beantwoorden. Alle succesvolle apps lossen één probleem op, zodanig dat mensen ervoor willen betalen.

Je kunt een probleem bedenken en mensen vinden die je oplossing nodig hebben, of een publiek zoeken en ze onderzoeken voor problemen waarvoor je een oplossing kunt zoeken . Houd contact met deze klantengroep en geef ze een manier om anderen over uw product te vertellen. Verwijzingen en mond-tot-mondreclame is een effectieve en goedkope marketingmachine.

10. Wat is de slechtste manier om programmeren te leren?

Opgeven is een van de slechtste manieren om programmeren te leren . Het leren van een nieuwe vaardigheid heeft ups en downs, en je kunt alleen maar blijven gaan door de ups te vieren en door de downs te kijken. Opgeven maakt geen deel uit van de vergelijking.

Ontdek ook wat uw leerstijl is. Het heeft geen zin om video's te bekijken, terwijl het schrijven van code en trial-and-error beter bij u past.

Ten slotte, kies niet willekeurig een boek over programmeren uit de bibliotheek, maar zoek een bewezen leermethode of pad. Wanneer je Spaans leert, begin je niet met het lezen van een woordenboek, toch?

Leermiddelen om aan de slag te gaan

Als u nog steeds wilt doorgaan met het maken van uw eerste iOS-app, vindt u in dit gedeelte al uw leermiddelen om aan de slag te gaan.

App-ontwikkeling omvat veel componenten en als je nieuw bent, kan het een hele uitdaging zijn om kennis te maken met alle tools. Wees niet bang! Je kunt je eerste app maximaal op een dag maken zonder voorafgaande programmeerervaring. Het enige dat u nodig hebt, is een goede hulpbron die u de touwen laat zien en zich richt op één toolset tegelijk. Er zijn tal van tutorials voor beginners op internet, evenals premiumcursussen.

Het leerproces: kort gezegd

Wat is jouw leerstijl? Overweeg dat voordat u een hulpbron kiest.

• Video's bekijken : CS 193P iPhone Application Development van Stanford University, beschikbaar voor iTunes U (gratis).
• Een boek lezen : Sams Teach Yourself Swift In 24 Hours ($ 25- $ 35) en The Swift Programming Language Book by Apple (gratis)
• Zelf coderen: programmeren van tutorials door We Heart Swift, JamesonQuave en AppCoda (allemaal gratis).

Wanneer je je eerste app hebt gebouwd, is het een geweldig plan om kort een aantal componenten na elkaar in te duiken . Leren over:

1. Navigatiecontrollers gebruiken, zoals tabbladen en hamburgermenu's
2. Gebruik van hardware, zoals de camera en de accelerometer
3. Met behulp van lay-outs, zoals de tabelweergavecontroller en de paginaweergavecontroller
4. Werken met animaties en overgangen bekijken
5. De levenscyclus van de app
6. Compilers en bouwtools

De meeste van deze onderwerpen vereisen een paar dagen (24 tot 32 uur) van sleutelen, vallen en opstaan ​​en middelen opzoeken.

Zodra u eenmaal de basis hebt, kunt u direct werken met internetbronnen en cloud-gebaseerde oplossingen zoals Parse. Alle apps zijn op de een of andere manier met internet verbonden.

Hoe dan ook, degenen die gewend zijn nieuwe dingen te leren, kunnen vaak hun eigen leerplan beschrijven en hoeven niet noodzakelijk een programma zoals een cursus of een boek te volgen.

Afronden

Zou het niet geweldig zijn om je eigen app in de App Store te hebben? U hebt nu een basisoverzicht van de hulpmiddelen voor het maken van apps en wat u nodig heeft om te leren hoe u uw eigen apps kunt maken. Ga aan de slag met Swift door een boek te lezen of een zelfstudie te volgen, maak een geweldige interface met Balsamiq, haal een ontwikkelaarsaccount en publiceer die app!

Volledige referentielijst:

• Xcode
• Interface Builder
• Apple Developer Program
• iTunes Connect
• Test vlucht
• Snel
• Apache Cordova
• PhoneGap
• Sencha Touch
• RhoMobile Suite
• Elance
• oDesk
• Human Interface Guidelines
• Glyphish
• Balsamiq-modellen
• Teehan + Lax iPhone-PSD's
• ontleden
• Appcelerator
• App42
• Stanford CS 193P iPhone Applicatie Ontwikkeling
• Sams Teach Yourself Swift In 24 uur
• We Heart Swift
• JamesonQuave
• AppCoda
• Het Swift programmeertaalboek

Noot van de redactie : dit is geschreven door Reinder de Vries voor Hongkiat.com. Reinder is een ondernemer en app-ontwikkelaar, die gelooft dat er niet genoeg app-makers in de wereld zijn. Hij heeft meer dan 50 apps ontwikkeld en zijn code wordt gebruikt door honderdduizenden gebruikers over de hele wereld. Wanneer hij niet codeert, leert hij aspirant-ontwikkelaars hoe ze hun eigen apps kunnen maken op LearnAppMaking.com.

Lees nu: Hoe jQuery Mobile te integreren in Phonegap / Cordova

Freelance beginnerstips: de te vermijden valkuilen

Als je nog steeds niet zeker bent of je freelancen nastreeft, is de kans groot dat je hebt nagedacht over hoe het leven eruit ziet als een fulltime freelancer. Je hebt waarschijnlijk wel eens gehoord van de vele prachtige voordelen van freelancen, maar je wilt nog steeds weten of het echt allemaal zonnig en groener is "aan de andere kant"

(Technische en ontwerptips)

Hoe u codefragmenten in WordPress kunt beheren en gebruiken

In vorige berichten hebben we een aantal WordPress-aanpassingen doorlopen die code toevoegen in functions.php . Deze toevoegingen verbeteren de functionaliteit van ons thema.Neem onze tutorial voor WordPress-aanmeldingspagina, bijvoorbeeld, we kunnen gebruikers omleiden van de standaard WordPress-inlogpagina, wp-login

(Technische en ontwerptips)