Home » Apps » Anleitung für Einsteiger: Eigene iPhone / iPad App entwickeln (1)

Anleitung für Einsteiger: Eigene iPhone / iPad App entwickeln (1)

Gestattet uns einen kleinen Hinweis vorab: Folgend der erste Artikel unserer neuen Artikelserie zum Thema App-Entwicklung für iPhone und iPad. Entwickler Flem wird darin den Grundstein und die Basics vermitteln und einen kleinen Anstoß zur ersten eigenen App geben. Ihr kennt Flem bereits von unserem Live-Ticker Projekt apfel-live.de. Viel Spaß!

Eine eigene iPhone- oder iPad-App – Wer hat davon noch nicht geträumt? Ihr lest hier den ersten Artikel unserer Serie, die euch die ersten Schritte zum Entwickeln von iPhone / iPad Apps auf dem Mac mit Xcode näher bringen soll. Wöchentlich werde ich euch die Grundlagen mit auf den Weg geben.

Zu aller erst müsst ihr allerdings einige Vorraussetzungen erfüllen, denn nicht jeder Computer kann genutzt werden. Um Apps für den App Store zu entwickeln, braucht ihr:

  1. Einen Mac (Intel-basierter Mac mit Mac OS X Snow Leopard oder höher)
  2. Ein iPhone / iPad / iPod touch
  3. Grundlegende Englisch-Kenntnisse
  4. 79 Euro für das iOS Developer Program. (Wird zum Testen der App auf eurem iPhone und zum Veröffentlichen im App Store benötigt)

Der vierte Punkt kann vorerst auch übersprungen werden, da mit dem iOS-Simulator bis zu bestimmten Stellen die App auch auf dem Mac getestet werden kann. Wartet damit also, bis ihr gut genug seid und es sich auch lohnt.

Falls ihr diese Bedingungen hinreichend erfüllt, kann es auch schon losgehen:

Unser Entwickler-Tool Xcode

Das Programm, mit dem wir arbeiten werden, heißt Xcode. Das ist ein offizielles Entwickler-Tool direkt von Apple und auch das beste, was es für den Mac gibt, wenn man Apps entwickeln will.

Falls ihr es noch nicht installiert habt, dann könnt ihr dies einfach kostenlos über den Mac App Store tun.

‎Xcode
‎Xcode
Entwickler: Apple
Preis: Kostenlos

Xcode Mac App Store

Wie ihr den Informationen entnehmen könnt, ist das Programm ganze 2.09 GB groß, also könnt ihr euch erstmal eine Auszeit während des Downloads gönnen, bevor ihr hier weiterlest…

Fertig? Gut, nach dem erstmaligen Öffnen der Applikation wird Xcode alle notwendigen Installationen durchführen. Ist dies geschehen, steht euch nichts mehr im Wege.

Die ersten Vorbereitungen

 

Als erstes Projekt zum Einstieg habe ich mir überlegt, dass wir eine App entwickeln, die einen Würfel nachahmt. Sprich, sie soll beim Berühren eines Buttons eine bestimmte Anzahl (1-6) an Punkten anzeigen. Dies soll in der für einen Würfel typischen Anordnung geschehen.

Das Anspruchslevel ist hierbei nicht sonderlich hoch, weshalb es sich gut zur ersten Annäherung eignet.

Wenn ihr nun Xcode öffnet, erscheint der Willkommens-Bildschirm auf dem ihr ein Segment vorfindet, das so ausschaut:

Create a new Project

Wenn ihr dort draufklickt, erscheint sofort ein neues Fenster, das euch auffordert aus einer Reihe von vordefinierten Mustern für euer neues Projekt zu wählen. Für uns ist zunächst die „Single View Application“ unter „iOS – Application“ interessant. Zu den verschiedenen Typen kommen wir später nochmals zurück.

Single View Application

Jetzt geben wir für das erscheinende Formular folgende Angaben ein:

Product Name – Der Name eurer App. (Achtung!) Dies ist nicht der Name, unter dem eure App im App Store erscheint oder auf dem Homescreen zu lesen sein wird, den kann man später noch belegen. Dieser Name dient nur zur Identifikation eurer App. Deshalb solltet ihr hier Leerzeichen und Sonderzeichen vermeiden

Organization Name – Name eurer Firma bzw. euer eigener Name. Hier sind alle Zeichen erlaubt.

Company Identifier – Diese Zeichenkette dient ebenfalls zur Identifikation, deshalb sollte sie unter allen Entwicklern, die es im App Store gibt, eindeutig, also nur einmal vorhanden sein. Eine Konvention, um dies sicher zu stellen, ist es, die Domain mit vorangestellter Domain-Endung anzugeben. Denn in der Regel hat jede Firma eine Domain und diese ist ja von Natur aus bereits eindeutig, somit werden Überschneidungen verhindert. Wenn ihr keine Domain habt, könnt ihr euch auch sonst etwas ausdenken. Notfalls belasst es bei „com.company“, denn der Company Identifier kann ebenfalls noch später geändert werden.

Bundle Identifier – Diese Zeichenkette ist die eindeutige Identifikation eurer App und setzt sich aus dem Company Identifier und dem Product Name zusammen. Diese eindeutige Identifikation wird benötigt, da es ja vorkommen kann, dass eine andere Firma gleichzeitig an einer App mit dem selben Namen arbeitet. Da diese beiden Apps allerdings nicht die selben sind, kann euer iPhone und der App Store diese beiden Applikationen anhand dieses Identifiers auseinanderhalten.

Class Prefix – Dieses Feld könnt ihr getrost leer lassen. Dieses Feature wird erst interessant, wenn ihr an größeren Projekten arbeitet. Es setzt automatisch einen Präfix vor alle eure Klassen (und die entsprechenden Dateinamen).

Devices – Wie ihr es ja aus dem App Store gewohnt seid, gibt es drei verschiedene Arten von Apps bezüglich der Verfügbarkeit auf den unterschiedlichen Geräten. Zum einem die Apps, die nur auf dem iPhone laufen (und iPod touch), die, die nur auf dem iPad laufen und schließlich noch diejenigen, die universal sind. Je nachdem, was sich anbietet bzw. was ihr erreichen wollt, könnt ihr dies hier einstellen.

Projekt Angaben

Nach dem Erstellen werdet ihr wahrscheinlich erstmal von den ganzen verschiedenen Buttons und Segmenten überrumpelt sein. Eine grobe Gliederung kann nach der Navigation, der Bearbeitung und den Werkzeugen vorgenommen werden.

Xcode Übersicht

Ich will euch nicht alles eins nach dem anderen in aller Ausführlichkeit erläutern, sondern bin der Meinung, dass es am effektivsten wäre, wenn wir einfach mal draufloslegen und unser Programm entwickeln und nebenbei immer weiter in die Materie einsteigen. Denn um erfolgreich lernen zu können, gehören auch stetige Erfolgserlebnisse in der Praxis und nicht nur die Theorie dazu.

Damit soll es aber für diese Woche auch gewesen sein. Nächstes Mal werden wir anfangen das User Interface zu gestalten, bevor es dann mit der Programmierung wirklich ans Eingemachte geht.

-----
Willst du keine News mehr verpassen? Dann folge uns auf Twitter oder werde Fan auf Facebook. Du kannst natürlich in Ergänzung unsere iPhone und iPad-App mit Push-Benachrichtigungen hier kostenlos laden.

Oder willst du mit Gleichgesinnten über die neuesten Produkte diskutieren? Dann besuch unser Forum!

Gefällt Dir der Artikel?

 
 
Flem
twitter Google app.net mail

44 Kommentare zu dem Artikel "Anleitung für Einsteiger: Eigene iPhone / iPad App entwickeln (1)"

  1. Scunkaneli 7. Januar 2014 um 10:21 Uhr ·
    Ihr habt iPhone touch statt iPod touch geschrieben ;)
    iLike 0
    • Martin4s 7. Januar 2014 um 11:07 Uhr ·
      Passiert:D
      iLike 0
    • Flem 7. Januar 2014 um 13:26 Uhr ·
      Hab’s auch grad bemerkt. Ist verbessert. Danke.
      iLike 4
      • Darius 7. Januar 2014 um 20:36 Uhr ·
        Gibt es auch ein Programm für Windows ?
        iLike 0
      • Leon 7. Januar 2014 um 21:50 Uhr ·
        Nein (:
        iLike 1
  2. Gazzari 7. Januar 2014 um 10:40 Uhr ·
    Geniale Idee so etwas mit auf diese Seite einzubinden! Wirklich klasse!
    iLike 0
  3. Martin4s 7. Januar 2014 um 11:04 Uhr ·
    Und ratz fatz in die Favoritenleiste eingespeichert:$
    iLike 1
  4. Tim 7. Januar 2014 um 11:16 Uhr ·
    Danke!!!
    iLike 1
  5. Georg 7. Januar 2014 um 11:35 Uhr ·
    Tolle Idee. Hab schon sowas gesucht? Danke
    iLike 0
  6. Sam 7. Januar 2014 um 11:44 Uhr ·
    Gibts die App auch später zum Download? :-)
    iLike 0
    • Flem 7. Januar 2014 um 13:28 Uhr ·
      Was meinst du mit Download? Natürlich werde ich die Xcode-Projektdateien hier zum Download zur Verfügung stellen, ob es die App allerdings in den App Store schafft ist eine andere Frage.
      iLike 1
  7. Valokuvau 7. Januar 2014 um 11:49 Uhr ·
    Geiles neues Format! Nur leider hab ich windows 8.1 … Gibts da ne Lösung?
    iLike 0
    • Wim_TheRun 7. Januar 2014 um 12:01 Uhr ·
      Ja, die Antwort ist ganz stumpf: einen Mac kaufen.
      iLike 0
      • d(*_*)b 7. Januar 2014 um 12:20 Uhr ·
        Und wenn man nicht nur deswegen einen Mac kaufen will?
        iLike 2
      • Äppler 7. Januar 2014 um 12:51 Uhr ·
        Dann sucht man sich noch ein paar andere Gründe,die gibt’s schließlich wie Sand am Meer ;)
        iLike 1
      • Flo 7. Januar 2014 um 16:18 Uhr ·
        Schau mal nach Hackintosh. So kannst du eventuell Mac OS auf deiner Windose installieren. Es läuft je nach Gerät mehr oder weniger gut. Wenn du das System aber später produktiv nutzen möchtest, führt kein Weg am Kauf eines Macs vorbei…
        iLike 1
    • Lukas 7. Januar 2014 um 13:18 Uhr ·
      Nur mit Mac xD
      iLike 1
      • Martin4s 7. Januar 2014 um 14:47 Uhr ·
        Oder mit einem Hackintosh:D
        iLike 1
  8. Patrick 7. Januar 2014 um 12:11 Uhr ·
    Super Idee…!
    iLike 1
  9. Timo 7. Januar 2014 um 12:25 Uhr ·
    Super Idee! Ich habe es selbst schon versaut aber nicht wirklich geschafft. Ich werde mich jetzt mit eurer Hilfe nohmal dran machen und versuchen einen Einstieg zu finden! Danke! Super sache
    iLike 0
    • Tim 7. Januar 2014 um 18:23 Uhr ·
      Du hast es versaut? :D
      iLike 0
      • Timo 7. Januar 2014 um 23:55 Uhr ·
        versucht meinte ich natürlich :D
        iLike 0
  10. Vectrex71 7. Januar 2014 um 13:21 Uhr ·
    Wer mit XCode coded ist ziemlich beschnitten und kann seine Erzeugnisse NUR im Apple Universum nutzen! Wer aber Geld verdienen will muss sie für verschiedenste Plattformen (iOS,Android,WinPhone,Flash,MacOSX, Web, Windows,Linux,XBox,Playstation,Wii anbieten könben und darum ist XCode keine Option! Unity3d oder Stencyl ist da weitaus die bessere alternative da plattform übergreifend! Wenn es sich jedoch nicht um ein Spiel handelt, sondern ich nenne es mal trockene Apps, dann empfehle ich Appcelerator welches auf Javascript basiert und leicht zu erlernen ist, im Gegensatz zu Objectiv C !
    iLike 1
    • Flem 7. Januar 2014 um 13:39 Uhr ·
      Ich glaube du solltest die Leute nicht mit all dem verschrecken, was sie nachher nicht können, bevor sie überhaupt angefangen haben diese Sprache / das Tool zu erlernen. Wenn man für „iOS,Android,WinPhone,Flash,MacOSX, Web, Windows,Linux,XBox,Playstation,Wii“ eine App entwickeln will, dann muss man auch für „iOS,Android,WinPhone,Flash,MacOSX, Web, Windows,Linux,XBox,Playstation,Wii“ die App entsprechend testen und das ist zum einen nicht allen möglich und zum anderen sehr aufwändig. Plattformübergreifende Tools haben zwar offensichtliche Vorteile, aber auch einige Nachteile. Alles in allem stimmt es zwar, das Objective-C nur auf Apple Geräten wirklich genutzt wird, allerdings bleibt die Frage, ob das denn nicht ausreicht?
      iLike 1
      • Flo 7. Januar 2014 um 16:21 Uhr ·
        Sehr richtig! Im übrigen ist OC ja auch eine gute Grundlage für Java und C++. Und wenn man OC beherrscht, dann kann man immernoch anfangen, über den Tellerrand hinaus zu schauen. Immer kleine Brötchen backen ;-)
        iLike 2
    • Äppler 7. Januar 2014 um 14:14 Uhr ·
      Überschrift:Anleitung für Anfänger Und ich finde die Idee einfach klasse,mal zu sehen wie das funktioniert. Danke Flem
      iLike 0
    • Ispeedy 7. Januar 2014 um 15:42 Uhr ·
      Wer Geld verdienen will mit Apps ( spreche jetzt von Apps für smartphone tablets) sollte bei Xcode , sprich. Apple bleiben!! Denn hier wird Geld verdient! Zieh dir mal Statistiken dazu! Es gibt zwar mehr android Geräte, aber die Apple Kunden sind die zahlungskräftigeren und hier wird auch nicht soviel raubkopiert!!
      iLike 1
  11. Jojoe 7. Januar 2014 um 13:32 Uhr ·
    Gute Idee, apfelpage!
    iLike 0
  12. nofx 7. Januar 2014 um 16:36 Uhr ·
    Sehr gute Idee! Jedoch hat sich im oberen Teil des Textes ein Fehler eingeschlichen: es heißt natürlich „Bedingungen“ und nicht „Bediengungen“.
    iLike 0
    • Flem 7. Januar 2014 um 17:31 Uhr ·
      Vielen Dank für den Hinweis.
      iLike 2
  13. Dominik 8. Januar 2014 um 10:39 Uhr ·
    Ihr seit meine helden wollte immer schon entwicken hab keinen tau davon und mitt bücherb bin ich nocht sonderlich weit gekommen kann mittler weilr aber schon bischeb c programierrn
    iLike 2
  14. Timo 10. Januar 2014 um 14:58 Uhr ·
    Ich warte schon die ganze Zeit auf Teil 2. Hoffentlich ist es bald soweit!
    iLike 1
  15. Cox 13. Januar 2014 um 14:03 Uhr ·
    Super Idee von euch. Ich studiere Informatik und glaube, dass das einige begeistern kann. Doch sollte man die Erwartungen nicht so hoch ansetzen, erst einmal grundlegende Programmierkenntnisse sind wichtiger. XCode ist nämlich ziemlich vielfältig und mächtig. Könnte also auch einige einschüchtern. Trotzdem finde ich die Aktion super. Wer auch will, kann sich App Inventor runterladen und damit rumexperimentieren. Ist zwar für Android, aber vlt. kommt jemand ja auf den Geschmack. Mit Puzzleteilen stellt man seine App zusammen und kann es direkt auf Android-Smartphones testen.
    iLike 1
  16. MIG 11. Juli 2014 um 12:29 Uhr ·
    Weiter so, genau das suche ich schon seit ein paar Tage.
    iLike 1
  17. tom2203 28. Juli 2014 um 19:06 Uhr ·
    … und wo findet man nun den 2. Teil?
    iLike 2
  18. Norberto 12. August 2014 um 12:14 Uhr ·
    Antwort für tom2203: http://www.apfelpage.de/?s=Anleitung+für+Einsteiger
    iLike 2
  19. Nicolas 11. Oktober 2014 um 13:58 Uhr ·
    Will eigene App
    iLike 0
  20. Malu 18. November 2014 um 14:19 Uhr ·
    Artikel ist super, aber wo finde ich die Fortsetzung?
    iLike 0
  21. Malu 18. November 2014 um 14:20 Uhr ·
    Erst zu ende lesen dann Kommentare schreiben, Sorry hab es gefunden!
    iLike 0
  22. Sany 12. März 2016 um 16:21 Uhr ·
    Warum kann ich Teil 2 und 3 nicht anschauen?
    iLike 3
  23. Lara 23. März 2016 um 14:29 Uhr ·
    Ich kann Teil 2 und 3 leider nicht finden. Oder es eher gesagt nicht öffnen es wird dann immer nur der erste Teil geöffnet.
    iLike 5
  24. Robert 31. August 2016 um 15:03 Uhr ·
    Ist ein bisschen blöd, dass man Teil 2 und 3 nicht ansehen kann :/.
    iLike 1
  25. Sascha Thattil 15. Dezember 2016 um 12:57 Uhr ·
    Danke für die tolle Anleitung. Für jemanden der Mobile Apps entwickeln möchte, ist iOS eventuell die bessere Wahl als Android. Auch weil es hier nicht soviele Gerätetypen gibt. Hier habe ich auch ein wenig darüber geschrieben: http://www.yuhiro.de/app-entwicklung-mit-ios/ Danke nochmals für die Anleitung, werde das selbst ausprobieren oder einem unserer Kollegen hier weiterleiten.
    iLike 0
  26. Mat 28. Dezember 2016 um 11:05 Uhr ·
    Warum kann man teil 2 und 3 nicht einsehen?
    iLike 1

Leider kann man keine Kommentare zu diesem Beitrag mehr schreiben.