Case Study

Transkript

1 Case Study

2 Inhalt Einblick Entwickler Alltag Wie setzen wir Kundenprojekte/eigene Projekte um Memory-Optimierung einer App Konzepte die ich gerne von Anfang an gekannt hätte In-App Purchase Push & Local Notifications Werbung...

3 Projekt

4 Ablauf von Projekten Eigene Projekte Kundenprojekte

5 Idee

6 Idee Freakonizer Feature einer Kamera Anno 2004 Eigentlich Coupling Shot genannt Quelle:

7

8

9 Konzept

10 Konzept

11 Business Konzept Markt Nische vs. Masse Bestehende App, aber besser Business Case Marketing App, Finanzierung durch Werbung, Freemium, kostenpflichtig, in-app Purchase, Lite- und Vollversion Vermarktung Social Media Werbung

12 Technisches Konzept Native vs Hybrid vs HTML5 Abhängigkeiten von anderen Diensten/Schnittstellen Bietet das SDK die benötigten Funktionen? Einbindung von Frameworks Suchen und finden: z.b. Github Sind die Frameworks auch aktiv? Wie können Daten von einer Lite-Version in die Vollversion migriert werden? Cloud URL Scheme Document Type

13 Design/UX Konzept Interface Elemente Standart Bibliothek Custom Elemente Flow der App

14 Administratives Wann / Wer / Was Design extern / intern Wie weiter nach dem ersten Release SLA für Bugfixing

15 Mockups & Paper-Prototypes

16 Wireframe/Mockup/Paper-Prototype Wireframe Mockup Inhalte ordnen, Flow bestimmen Dient als Grundlage für Implementation Paper-Prototype Usability Tests

17 Mockup/Paper-Prototype - Tools Papier, Bleistift & Radiergummi Balsamiq Photoshop Omnigraffle Dapp Storyboard in Xcode

18 Balsamiq

19 Omnigraffle

20 Dapp Einfach und schnell dem Kunden was zeigen können Erstellt Skelett für Xcode Intro

21 ios Storyboards Quelle:

22 Prototyp

23 Prototyp Basisfunktionalität wird implementiert Ca. nach 20% - 40% des Gesamtaufwandes läuft der Prototyp Freakonizer: Freak kann erstellt werden

24 Umsetzung

25 Umsetzung Intern: Die App Endkunden tauglich machen Extern: Umsetzung gemäss Mockups/Specs

26 Freakonizer v1.0 Schritt 1

27 Freakonizer v1.0 Schritt 2

28 Design matters

29 Versioning

30 Testing

31 Testing Intern Freunde & Familie Twitter, Facebook & Swisscom Labs Extern HockeyApp

32 Testing Hockey App Crash Reports Distribution

33 Freakonizer - Memory-Problem Keine Probleme mit 3G und 4G Beim 3GS verschwanden Teile der UI-Elemente, was die App unbrauchbar machte Im Log wurde ersichtlich, dass die App eine Memory-Warning erhielt

34 Debugging mit Instruments Tools for ios Development

35 Freakonizer v1.06 Schritt 1

36 Freakonizer v1.06 Schritt 2

37 Freakonizer v1.06 Schritt 3.1

38 Freakonizer v1.06 Schritt 3.2

39 Release

40 Commit to store Dinge die man braucht Grafiken Texte Dinge die man checken sollte Was passiert wenn kein Internet vorhanden ist? Wie verhält sich die App, wenn sie eine Kamera benötigt und keine da ist?

41 Marketing

42 Marketing Werbung Websites, Blogs Facebook, Google Swisscom Labs Nach dem Release ist die App 1 Tag vorne im Appstore Gratis Aktion

43 ios spezifische Themen

44 Werbung Ad Networks Es gibt nicht nur iads Andere Anbieter: Admob (Google), InMobi, Mojiva, Viele andere...

45 Welches Ad Network? Hängt von folgenden Faktoren ab: Unterstützte Formate und Grössen Reporting und Analytics Abgedeckte Regionen und Segmente Verdienste und Fill Rate Ad Mediation Lösungen helfen zu optimieren Adwhirl, Burstly, Mobclix,

46 In-App Purchase Store Kit Framework Business as usual: 30% geht an Apple Keine realen Güter können verkauft werden Keine virtuelle Währung ist erlaubt Gekaufte Artikel müssen in der App verwendet werden Kategorien von Artikeln: Inhalte (Bücher, Levels, Photos) Funktionalität (neue Features) Dienste (Einmaliges wie Übersetzungen) Abos (Zugriff auf Portale, etc.) in-app Purchase on Developer Network

47 In-App Purchase - Limitationen Mit in-app Purchase kann man das binary der App nicht patchen/updaten Man kann nicht Trialware zur Verfügung stellen Alle Funktionen in einer App müssen funktionieren, keine verkrüppelten Features möglich

48 Push & Local Notifications Zeigen dem Benutzer an, dass eine App (diese muss nicht aktiv sein) neue Information/Daten hat Der Benutzer kann keinen Unterschied zwischen Local und Push feststellen Spielen definierbaren Sound ab Local & Push Notification Guide

49 Daten Migration Spielt eine Rolle, falls man Benutzer Daten von einer App zu einer anderen migrieren will, z.b von einer Lite zu einer Vollversion Je nach Datenmenge kann man eine der folgenden Strategien wählen Cloud URL Scheme Document Support File Sharing

50 UIWebViews Brücke zwischen Javascript und ObjC Erlauben es aus Javascript heraus ObjC-Funktionen aufzurufen und vice versa

51 I18n Internationalization und Localization umfasst die Mittel, mit denen Software für verschiedene Sprachen, Länder und Regionen angepasst werden können Das kann sein: Sprache des UI Keyboard Formate...

52 I18n - Ablauf Import Extraktion Übermittlung an Übersetzungsdienst

53 Backup

54 In-App Purchase Produkt Typen Produkt-Typen Non-consumables: Immer vorhanden auf verschiedenen Geräten (Game Level) Consumables: Muss nur auf einem Gerät vorhanden sein (Munition in Game) Auto-renewable Subscriptons: Wie non-consumables, aber über die Zeit limitiert nutzbar, Nutzer muss Subscription kündigen Non-renewing Subscriptions: Älterer Mechanisums, Anbieter muss Subscriptions tracken und auf allen Geräten verfügbar machen Free Subscriptions: Nur für Newsstand Apps Vertriebs-Strategien: Built-in Product Model Server Product Model

55 In-App Purchase Built-in Product

56 In-App Purchase Server Model

57 Push Notifications Push Notifications werden von einem Server über den Apple Push Notification Service (APNS) an die Endgeräte gepushed Als Anbieter benötigt man einen Server der mit dem APNS kommuniziert Endgeräte werden über einen Token identifiziert

58 Local Notifications Local Notifications können direkt in Apps generiert und gescheduled werden Verlässlicher als Push Notifications Maximal 64 Notifications können pro App gescheduled werden

59 Daten Migration - Cloud

60 Daten Migration URL Scheme Apps können ein eigenes URL Protokoll definieren myproto:// Andere Apps können eine URL mit dem Protokoll konstruieren und so per GET Daten an die App übermitteln [[UIApplication sharedapplication] openurl:url source Application:source annotation:(id)annotation] myproto://localhost/someaction?data=somedata Die empfangende App kann im AppDelegate den Request auswerten (BOOL)application:(UIApplication *)application openurl:(nsurl *)url sourceapplication:(nsstring *)sourceapplication annotation:(id)annotation

61 Daten Migration Document Support App registriert einen eigenen File Type Andere Apps können Dokumente von diesem Typ öffnen. Dass heisst sie werden an die App die den File Type registriert hat übergeben Die App kann das Dokument lesen und auswerten

62 Daten Migration File Sharing Der Benutzer kann über itunes Dateien zwischen Apps austauschen

63 Übungen

64 I18n - xib Können mit Hilfe des Interface Builders unter Localization erstellt werden Strings können auch über die Command Line extrahiert werden ibtool --generate-strings-file Example.strings Example.xib Mit den übersetzten Dateien, können danach übersetzte xibs erstellt werden ibtool --strings-file de.lproj/example.strings --write de.lproj/example.xib en.lproj/example.xib

65 I18n - Code Im Code müssen Strings, die für den Benutzer sichtbar sind speziell initialisiert werden NSLocalizedString(@"Some comment") NSString *astring = [[NSString alloc] initwithstring:nslocalizedstring(@"some comment")]; Diese Strings können dann über die Command Line extrahiert werden genstrings -o en.lproj/ *.m Pro-Tipp: Immer NSLocalizedString für Strings verwenden Gutes Tutorial:

66 I18n Bilder, Audio Die Dateien müssen in den entsprechenden Sprach-Verzeichnissen abgelegt und importiert werden

67 Übung 1 i18n IB Übersetzung Erstelle ein neues Projekt: Tabbed Application Füge im Interface Builder unter Inspector -> Localization Deutsch hinzu Im Navigator hat es unter FirstViewController.xib 2 Files Ändere in der deutschen Version den Text Starte die App und überprüfe ob die Sprache geändert wird, wenn in den Settings die Sprache ändert

68 Übung 1 i18n IB Extraktion 1/2 Öffne eine Comman Line (CL) und wechsle ins Projektverzeichnis Extrahiere die Strings aus dem SecondViewController.xib Verschiebe das.strings file in en.lproj Füge das erzeugte File dem Projekt hinzu Kopiere das File über die CL ins de.lproj Verzeichnis Füge auch das dem Projekt hinzu (in denselben Folder aber NICHT auf das existierende.xib File)

69 Übung 1 i18n IB Extraktion 2/2 Ändere die Texte im deutschen.strings-file Erzeuge eine neue xib-datei in dem de.lprojverzeichnis Füge das erzeugte File dem Projekt hinzu (in das gleiche Verzeichnis, aber NICHT auf das File)

70 Übung 1 i18n Code Extraktion Füge den FirstViewController.xib (EN und DE) ein UILabel hinzu und erstelle im FirstViewController eine Variable um darauf zu zugreifen Ändere den Text des Labels in viewdidload mit einen NSLocalizedString Extrahiere die Strings über die Command Line Füge das erzeugte File (Localizable.strings) dem Projekt hinzu Erzeuge eine deutsche Version davon (wie beim xib in Teil 1)

71 UIWebView Ermöglicht Kommunikation zwischen ObjC und Javascript Code ObjC -> JS [awebview expression>"]; JS -> ObjC Auf ObjC Seite muss ein Objekt folgende Methode vom UIWebViewDelegate-Protokoll implementieren webview:shouldstartloadwithrequest:navigationtype: In Javascript kann man einen Aufruf mit einem pseudoprotokoll machen document.location ='some:javascript:protocol'

72 Übung 2 UIWebViews 1/3 Erstelle eine Single View App Füge dem xib eine WebView und ein Switch hinzu Verknüpfe beides mit Variablen im Code (Delegate der UIWebView nicht vergessen!) In der viewdidload Methode vom ViewController lade folgenden Request mit der UIWebView NSURLRequest *therequest=[nsurlrequest requestwithurl:[nsurl URLWithString:@" cachepolicy:nsurlrequestuseprotocolcachepolicy timeoutinterval:60.0];

73 Übung 2 UIWebViews 2/3 Überprüfe ob die Webseite geladen wird Füge dem ViewController eine Methode hinzu welche aufgerufen wird, wenn der Switch den Wert ändert. Verknüpfe diese mit dem xib. Rufe bei Änderungen folgende Javascript Methode auf: changeobjc('1') oder changeobjc('2') Das Argument ist die Bildnummer

74 Übung 2 UIWebViews 3/3 Überprüfe ob das Bild wechselt Implementiere die Delegate-Methode (welche aufgerufen wird, wenn die Webseite wechselt) mit folgenden Code (Variablen Namen anpassen!): NSString *requeststring = [[request URL] absolutestring]; NSArray *components = [requeststring componentsseparatedbystring:@":"]; if ([components count] > 1 && [(NSString *)[components objectatindex:0] isequaltostring:@"webviewdemo"]) { if([(nsstring *)[components objectatindex:1] isequaltostring:@"change"]) { int pic = [(NSString *)[components objectatindex:2] intvalue]; if(pic == 1) [self.aswitch seton:yes animated:yes]; else [self.aswitch seton:no animated:yes]; } return NO; } return YES; // Return YES to make sure regular navigation works as expected.