RSS
 

Archiv zur ‘iOS’ Kategorie

Die Erstellung einer App in Zusammenarbeit von Entwickler und Gestalter

17 Okt
die-erstellung-einer-app-in-zusammenarbeit-von-entwickler-und-gestalter

Unsere 1. App-Entwicklung wurde mit xCode 4 durchgeführt. Zuerst wurde ein Layout in Photoshop CS5 erstellt, wie die App im fertigen Zustand aussehen soll.

Das Grundgerüst hat der Entwickler dann in xCode nachgebaut. Jeder der App Beteiligten hat auf seinem Laptop mittels VCS Subversion V1.6 lokal einen Ordner angelegt, in diesem das Projekt samt Dateien und Bilder gespeichert wurde.

Nach und nach wurden aus dem Photoshop Layout einzelne Grafiken abgespeichert, diese im Images Ordner abgelegt und im xCode Projekt eingepflegt.

Was ist dabei zu beachten?
Die Grafiken müssen nach Abspeichern im lokalen Projektordner auch noch im xCode Projekt dem Projekt hinzugefügt werden, indem man im xCode mit Rechtsklick auf den Ordner “Images” klickt und dann “Add files to …”.

Danach müssen die neu hinzugefügten Daten noch commited werden, damit der Projektpartner die Änderungen auch auf seinem Arbeitsplatz sehen und damit arbeiten kann.

Farblehre für unsere xCode Anwendung
Die Farbangaben werden in xCode nicht in reinen RGB Werten angezeigt.
Hier ein Beispiel aus unserem Clock View: { 255.0/255.0f, 217.0/255.0f, 83.0/255.0f, 1.0f }  Das ist die Farbe Gelb vom Ziffernblatt.
Der 1. Wert von 255.0/255.0f ist beispielsweise der 1. RGB Wert = Rot
Der 2. Wert 217.0/255.0f ist Grün und der 3. Wert von 83.0/255.0f ist Blau.
Der 4. Wert steht für den Alpha Wert.

Wie kommen die Werte zustande?
Erklären ist das Ganze so, dass der Wert vor dem Slash der RGB Farbwert ist und man die 255.0f nach dem Slash erstmal nicht zu beachten braucht. Das f steht für den float. Ist der Alpha-Wert 0.0, so ist die Farbe vollkommen transparent, ist er 1.0, so ist die Farbe opak.

Wie sind die Grafiken abzuspeichern?
iPhone 3GS/iPad: reichen die 72dpi und die normale Größe des iPhones. Das heißt 320 x 480Pixel.
Für die 4. Generation des iPhones und alle Retina Displays ist die Auflösung von 72dpi auch noch ausreichend. Allerdings wird hier empfohlen die Grafiken mit der doppelten Pixelanzahl zu belegen. Das heißt wenn eine Grafik, zum Beispiel ein Logo für das iPhone 3GS/iPad eine Größe von 120 x 80 Pixel hat, ist die Größe für Retina Displays 240 x 160 Pixel.

Wenn der Entwickler nun etwas programmiert hat committed er die Dateien somit die anderen Personen, die an dem Projekt mitarbeiten, sich ein “Update” ziehen können.

Wozu ist das gut?
Somit sind beide Parteien immer auf dem aktuellen Stand. Entwickelt nun der Entwickler und der Gestalter an der selben Datei und beide wollen die Datei gleichzeitig committen wird gefragt, ob die Datei “gemerged” werden soll. Das heißt, die Änderungen der einzelnen Personen werden erst aufgezeigt und dann werden beide Änderungen in die eine Datei zusammengeführt und diese eine Datei wird dann abgespeichert. Wer das nun nicht verstanden hat kann sich hier zum Thema “Merge” noch einmal schlau lesen.

Wer kann die Apps verwalten?

Es kann pro Firma 1 Agent bei Apple angelegt sein. Das bedeutet, dass 1 Person die neu erstellte App im App-Store anmelden kann. Wenn man eine Entwickler ID hat (kostenlos) und von dem TeamAgent dann in das Entwicklerteam eingebunden/eingeladen wird, dann kann der Entwickler mit der kostenlosen ID auch Applikationen auf einem Testgerät ausführen, welches vom selben TeamAgent als Entwicklungsgerate für sein Team registriert wurde.

Fazit

Das Zusammenspiel zwischen Entwickler und Gestaltung war sehr spannend, da immer kleine Neuerungen vom Entwickler kamen, wie in unserem Fall zum Beispiel das Erscheinen eines Wasserdampfes. Und für mich, die Gestalterin war es super anzusehen wie meine Grafiken langsam in der App Gestalt annahmen.