© Zühlke 2013 Romano Roth Workshop 6 (ws6C) native Entwicklung für mobile Geräte Lektion 5-6: Mega CRM 25. Februar 2013 Folie 1 von 10

© Zühlke 2013 Unser Plan 18.2 (Romano) Einführung, «Mega CRM», Aufsetzen 25.2 (Romano) Einführung in Windows Phone 8 Entwicklung 04.3 (Romano) Umsetzung «Mega CRM» mit Windows Phone (Oliver) Einführung in Mono Entwicklung 18.3 (Oliver) Umsetzung «Mega CRM» mit MonoTouch 25.3 (Oliver) Umsetzung «Mega CRM» mit MonoDroid 01.4 Kein Workshop (Ostern) 08.4 (Michael) Einführung in iOS Entwicklung 15.4 (Michael) Umsetzung «Mega CRM» mit iOS 22.4 (Michael) Umsetzung «Mega CRM» mit iOS Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano Roth25. Februar 2013Folie 2 von 10

© Zühlke 2013 Lektion 5-6 Seid Ihr bereit für Mono? Seiten Navigation ApplicationBar Mega CRM mit Windows Phone 8 – Add – Edit – Delete Ausblick (5’) Retrospective (5’) – Was war gut? – Was kann verbessert werden? Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano Roth25. Februar 2013Folie 3 von 10

© Zühlke 2013 Seid Ihr bereit für Mono? – Allgemein Apple Rechner mit OS X – Xcode 4.6 (über App Store) – Xamarin for Mac ( PC mit Windows 7 (optional, empfohlen) – Visual Studio 2010 (wenn Entwicklung in VS statt Xamarin Studio gewünscht, empfohlen) – Xamarin for Windows ( Xamarin Account – Begin a 30-day-Trial: platform/getting_started/beginning_a_xamarin_trial (nötig, um App im Emulator laufen zu lassen) platform/getting_started/beginning_a_xamarin_trial Hardware (optional) – iOS-Gerät (iPhone, iPod Touch) – Android-Gerät Folie 4 von 10

© Zühlke 2013 Seid Ihr bereit für Mono? – Erster Workshop ( ) Google APIs für Android 4.0 (API14) – maps_and_location/part_2_-_maps_api Kapitel «Google APIs Add-On» maps_and_location/part_2_-_maps_api Google Maps API Key – Für gewünschte Android-Entwicklungsplattform (Windows oder OS X): maps_and_location/obtaining_a_google_maps_api_key maps_and_location/obtaining_a_google_maps_api_key Folie 5 von 10

© Zühlke 2013 Navigation Frame – Toplevel – System Tray – ApplicationBar – Beinhaltet eine Page Page – Hat einen Titel und Content Area 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 6 von 10

© Zühlke 2013 Page Navigation XAML Apps auf WP8 benutzen ein Seiten-Basiertes Navigation Model (Gleich wie auf dem Web) – URI – Stateless Erste Seite Zweite Seite Hardware Button macht das gleiche wie NavigationService.GoBack(); 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 7 von 10 private void ButtonBase_OnClick(object sender, RoutedEventArgs e) { NavigationService.Navigate(new Uri("/Secondpage.xaml", UriKind.Relative)); } private void ButtonBase_OnClick(object sender, RoutedEventArgs e) { NavigationService.GoBack(); }

© Zühlke 2013 Demo 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 8 von 10

© Zühlke 2013 Daten zwischen Pages Via Query Strings Erste Seite Zweite Seite 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 9 von 10 private void ButtonBase_OnClick(object sender, RoutedEventArgs e) { var id = _textBox.Text; NavigationService.Navigate(new Uri("/SecondPage.xaml?id=" + id, UriKind.Relative)); } protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); var id = string.Empty; if (NavigationContext.QueryString.TryGetValue("id", out id)) { _textBox.Text = id; }

© Zühlke 2013 Demo 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 10 von 10

© Zühlke 2013 Aufgabe Wenn ein Kunde in der Liste selektiert wird, soll der Kunde auf einer neuen Seite im Detail angezeigt werden. Lösungs Ansatz: – MainPage: – Liste  SelectionChanged – Neue Seite erstellen CustomerDetailPage – OnNavigatedTo Link zu Sourcen Link – WP8 – Start: MEGA_CRM_2013_03_04_WP8_start.zip – Lösung: MEGA_CRM_2013_03_04_WP8_middle.zip – WP7 – Start: MEGA_CRM_2013_03_04_WP7_start.zip – Lösung: MEGA_CRM_2013_03_04_WP7_middle.zip 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 11 von 10

© Zühlke 2013 ApplicationBar Region um Buttons darzustellen Bis zu 4 Buttons Menu Items (swipe up) Icons (weiss auf transparentem Hintergrund) Kann im XAML oder Code definiert werden. 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 12 von 10

© Zühlke 2013 Demo: ApplicationBar 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 13 von 10

© Zühlke 2013 Aufgabe Neuer Kunde hinzufügen, Kunde editieren, Kunde löschen. Lösungs Ansatz: – MainPage: – ApplicationBar  App.CustomerUiService.NewCustomer(); – CustomerDetailPage – ApplicationBar  App.CustomerUiService.SaveSelectedCustomer();, App.CustomerUiService.DeleteSelectedCustomer(); Link zu Sourcen Link – WP8 – Start: MEGA_CRM_2013_03_04_WP8_middle.zip – Lösung: MEGA_CRM_2013_03_04_WP8_end.zip – WP7 – Start: MEGA_CRM_2013_03_04_WP7_middle.zip – Lösung: MEGA_CRM_2013_03_04_WP7_end.zip 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 14 von 10

© Zühlke 2013 Lösung 25. Februar 2013Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano RothFolie 15 von 10

© Zühlke 2013 Ausblick: Weiterentwicklung – Suche – Verbesserte Darstellung der Daten – Pivot Pivot – LongListSelector LongListSelector – Windows Phone Toolkit Windows Phone Toolkit – DateTime Picker – Transitions Effects – Orientation – Tiles & Lock Screen Tiles & Lock Screen – Gruppieren Gruppieren – Auf mehrere Sprachen übersetzen Auf mehrere Sprachen übersetzen – Photo hinzufügen Photo hinzufügen – versenden versenden – Zu Kontakten hinzufügen Zu Kontakten hinzufügen – Karte darstellen Karte darstellen – Sprache Kommandos & Vorlesen Sprache Kommandos & Vorlesen – Push Notifications Push Notifications – … Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano Roth25. Februar 2013Folie 16 von 10

© Zühlke 2013 Retrospective Was war gut? Was kann verbessert werden? Workshop 6 (ws6C) native Entwicklung für mobile Geräte | Romano Roth25. Februar 2013Folie 17 von 10