SlideShare ist ein Scribd-Unternehmen logo
Dominik Helleberg
Christian Meder / inovex GmbH

Android 4
Ice Cream Sandwich
Christian Meder
 •  Open Source (Free Software)
 •  Linux
 •  Web
 •  Java


 •  christian.meder@inovex.de
 •  Christian Meder auf Google+
Dominik Helleberg
 •  Mobile Development
 •  Android
 •  HTML5




 •  http://twitter.com/_cirrus_
 •  http://dominik-helleberg.de/+
Agenda
•  Historie / Plattform Versionen
•  Galaxy Nexus
•  User Interface
•  APIs
•  Browser
•  Kompatibilität
Android Platform Versionen
Android Platform Versionen
Ice Cream Sandwich
•  vereint Smartphone und Tablet Versionen
•  Design z.B. Roboto
    enchant me
    simplify my life
    make me awesome
•  Open Source
•  bislang größte Android Änderung (3,95% vs
   2,56%)
Galaxy Nexus
•  dual core TI A9 1,2GHz
•  4,65'' screen Super
   AMOLED HD
•  720x1280, ~316ppi
•  HSDPA+, LTE
•  Barometer
•  FM-Radio
•  5MP/1.3MP Cams
•  16/32GB, no slot
•  Nov 2011
User Interface
Thanks to: developer.android.com and
nodch.de
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
Android GUI Evolution
•  Reduktion der grafischen Elemente auf das
   Wesentliche
•  Einfarbige Flächen statt Gradienten
•  „Digitaler Look“ keine imitierten Oberflächen
Evolution Android GUI




2.2               2.3
Evolution Android GUI




2.3               3.x
Evolution Android GUI




3.x               4.0
Android Apps Evolution
•  „Magazin“ – Print Style
•  Wenige, große Elemente für die wichtigsten
   Informationen / Aktionen -> Priorisieren für
   den Benutzer
•  Gesten statt Navigations-Elemente
•  Reduzierung der Kontextmenus
Evolution Android Apps
          Call



2.3               4.0
Evolution Android Apps
       Contacts



2.3               4.0
Action Bar
Ersetzt den „TitleBar“
Ersetzt das klassische „Options Menu“
Versucht das „Aus den Augen aus dem Sinn“
Problem zu lösen
Priorisiert die möglichen / sinnvollen Aktionen
Ergänzt die klassische „Back“ – Navigation
Wird auch auf Android 2.x schon von vielen
populären Apps eingesetzt
Action Bar




•  App Icon oder Logo
•  „In-App“ Navigation (optional)
Action Bar




•  „View Details“
   –  Titel
   –  In-View Navigation
   –  Filter / Drop Downs
Action Bar




Actions
  –  Häufigste Aktionen als Icon
  –  Unwichtige Aktionen im Overflow Menu
  –  Texteingabe
  –  Statusanzeige
Action Bar in ICS
•  Hardware Unterschiede:
   Ohne „Menu“ Key


•  UI Unterschiede: Portrait
   Mode
Action Bar in ICS
•  Hardware Unterschiede:
   Mit „Menu“ Key


•  UI Unterschiede: Portrait
   Mode
Action Bar in ICS
•  Hardware Unterschiede:
   Mit „Menu“ Key


•  UI Unterschiede: Portrait
   Mode
   –  Navbar
Action Bar in ICS
•  Hardware Unterschiede:
   Mit „Menu“ Key


•  UI Unterschiede: Portrait
   Mode
   –  Navbar
   –  Split ActionBar
Action Bar in ICS
•  Hardware Unterschiede:
   Mit „Menu“ Key


•  UI Unterschiede: Portrait
   Mode
   –  Navbar
   –  Split ActionBar
   –  No Title + No Icon
Action Bar in ICS
•  Hardware Unterschiede:
   Ohne „Menu“ Key


•  UI Unterschiede: Portrait
   Mode
   –  Navbar
   –  Split ActionBar
   –  Title + Icon
APIs
APIs
•  1219 API Änderungen 3.2 -> 4


•  > 3000 API Änderungen 2.3.4 -> 4
Fragments (3.x)
•  Komponenten mit eigenem Lifecycle
•  Benötigen eine Activity
•  Eine Activity kann 1 – x Fragments
   enthalten
Fragments (3.x)
Animationen (3.x)
•  Property Animation
   –  Animiert im Prinzip jeder Variable (Über
      JNI / Reflection)
ObjectAnimator.ofFloat(myView,	
  "alpha",	
  0f).start();	
  
Animationen (3.x)
•  Layout Transitions
  –  Animiert Veränderungen einer ViewGroup:
  –  Position
  –  Visibilitity
Hardware Beschleunigung
•  Opt-in in 3.0
•  Opt-out in 4.0
•  Kein Problem für Standard Views
•  Custom Views sollten getestet werden!
RenderScript
•  Hoch performante 3D Grafik und
   parallele Berechnungen außerhalb der
   JVM
•  native + portable
•  Automatische Adaption auf verfügbare
   CPUs / GPUs
RenderScript
Calendar API
•  CalendarContract.Calendars	
  
•  CalendarContract.Events	
  
•  CalendarContract.Instances	
  
•  CalendarContract.Attendees	
  
•  CalendarContract.Reminders	
  
•  CalendarContract.ExtendedProperties	
  	
  
Media Effects
android.media.effect.EffectFactory	
  
	
  
• CROP, FISHEYE, LOMOISH, DUOTONE, ...
• 27 garantierte Effekte + optionale Libs
• Effekte werden auf der GPU ausgeführt und
auf OpenGL Texturen angwendet
	
  
	
  
Camera
android.hardware.Camera	
  
	
  
• Face Detection APIs
• Fokus & Auto Exposure Selection
• Continuous auto focus


	
  
	
  
NDEF Push (Android Beam)
Löst ForegroundNdefPush ab
Sendet von einer im Vordergrund laufenden
Anwendung eine NDEF Message an an zweites
(nicht gelocktes) Gerät
Vereinfachte APIs z. B.
android.nfc.NdefRecord	
  
  	
  .createApplicationRecord(String	
  
packageName)ndroid.nfc.NdefRecord	
  
  	
  .createApplicationRecord(String	
  packageName)	
  
WiFi direct (P2P)
android.net.wifi.p2p.WifiP2pManager	
  


• Ermöglicht direkte IP basierte Verbindungen
zwischen Geräten
• Höhere Bandbreite & Reichweite als Bluetooth
Enterprise Integration
android.net.VpnService	
  
android.security.KeyChain	
  
• Implementierung von VPN Clients
  –  Erstellen eines eignen VPN-Interfaces mit Routing
     Tabellen, IP Config und Paket Inception
• KeyChain Management
  –  Importieren und Zugriff auf Client Zertifikate und
     CA Zertifikate
Browser
CSS 3D




http://scottgale.com/blog/coverflow-css-3d-transforms/2011/05/24/
HTML Media Capture




http://davidbcalhoun.com/2011/android-3-0-honeycomb-is-first-to-implement-the-device-api
DeviceOrientation Event




http://www.jeremyselier.com/s/demo/device_orientation.html
Kompatibilität
SDK Version




Target	
          Max	
  
   Sdk	
          Sdk	
  


             10                 11-13     14
SDK Version




Target	
                    Max	
  
   Sdk	
                    Sdk	
  


        10       11-13     14
SDK Version




                   Target	
          Max	
  
                      Sdk	
          Sdk	
  


10       11-13                  14
Filter Tablets
•  Dp Screen Size: px * density-faktor = dp
  –  small	
  (426dp x 320dp)
  –  normal	
  (470dp x 320dp)
  –  large	
  (640dp x 480dp)
  –  xlarge	
  (960dp x 720dp)
Filter Tablets
<manifest	
  ...	
  >	
  
	
  	
  <compatible-­‐screens>	
  
	
  	
  	
  	
  <!-­‐-­‐	
  all	
  small	
  size	
  screens	
  -­‐-­‐>	
  
	
  	
  	
  	
  <screen	
  android:screenSize="small"	
  android:screenDensity="ldpi"	
  />	
  
	
  	
  	
  	
  <screen	
  android:screenSize="small"	
  android:screenDensity="mdpi"	
  />	
  
	
  	
  	
  	
  <screen	
  android:screenSize="small"	
  android:screenDensity="hdpi"	
  />	
  
	
  	
  	
  	
  <screen	
  android:screenSize="small"	
  android:screenDensity="xhdpi"	
  />	
  
	
  	
  	
  	
  <!-­‐-­‐	
  all	
  normal	
  size	
  screens	
  -­‐-­‐>	
  
	
  	
  	
  	
  <screen	
  android:screenSize="normal"	
  android:screenDensity="ldpi"	
  />	
  
	
  	
  	
  	
  <screen	
  android:screenSize="normal"	
  android:screenDensity="mdpi"	
  />	
  
	
  	
  	
  	
  <screen	
  android:screenSize="normal"	
  android:screenDensity="hdpi"	
  />	
  
	
  	
  	
  	
  <screen	
  android:screenSize="normal"	
  android:screenDensity="xhdpi"	
  />	
  
	
  	
  </compatible-­‐screens>	
  
	
  	
  ...	
  	
  
</manifest>	
  
CREDITS

http://www.flickr.com/photos/sagmor/4618463303/
http://www.android.com/media/
http://www.flickr.com/photos/niallkennedy/4627466723/
http://www.flickr.com/photos/quinnanya/5847206529/
http://www.flickr.com/photos/quinnanya/5847766150/
http://www.flickr.com/photos/abulhussain/5709910626/
http://www.nodch.de/exklusives-hands-on-des-samsung-galaxy-
nexus-bilder-und-videos/3236/
http://developer.android.com/sdk/android-4.0-highlights.html
http://davidbcalhoun.com/2011/android-3-0-honeycomb-is-first-to-
   implement-the-device-api
http://scottgale.com/blog/coverflow-css-3d-transforms/2011/05/24/
Links & Infos

                           DANKE!




http://bit.ly/wjax11-ics

Weitere ähnliche Inhalte

PDF
Creasoft-Akademie - Mobile Multiplattform Apps
PDF
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
PDF
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
PDF
Niemals nach Mitternacht füttern - Grüne Roboter überall!
PDF
Android Apps mit Xamarin entwickeln
PDF
Apple iOS - GUI Entwicklung
PDF
Erstellung von mobilen cross-platform-Apps
PPTX
Creasoft-Akademie - Mobile Multiplattform Apps
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
Niemals nach Mitternacht füttern - Grüne Roboter überall!
Android Apps mit Xamarin entwickeln
Apple iOS - GUI Entwicklung
Erstellung von mobilen cross-platform-Apps

Was ist angesagt? (11)

PDF
Hdc2012 cordova-präsi
PDF
Sencha Touch und PhoneGap
PDF
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
PDF
Spiele entwickeln mit dem Adobe AIR SDK
PDF
Sencha Touch & PhoneGap
PDF
Cross-Apps-Entwicklung für iPhone, Android und Co.
PPTX
Hybrid App Development mit Intel XDK
PDF
Responsive Images
PPTX
Mobile Anwendungen mit Apache Cordova
PDF
Rich Graphics & OpenGL mit Android
PDF
Einführung in Flex Mobile
Hdc2012 cordova-präsi
Sencha Touch und PhoneGap
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Spiele entwickeln mit dem Adobe AIR SDK
Sencha Touch & PhoneGap
Cross-Apps-Entwicklung für iPhone, Android und Co.
Hybrid App Development mit Intel XDK
Responsive Images
Mobile Anwendungen mit Apache Cordova
Rich Graphics & OpenGL mit Android
Einführung in Flex Mobile
Anzeige

Andere mochten auch (12)

PDF
Embedded Android
PDF
Android Development Tools
PDF
Why do we need more nerds?
PDF
Supercharge your ui
PDF
Android Studio und gradle
PDF
One APK to rule them all
PDF
Android ActionBar Navigation reloaded
PDF
Android Studio vs. ADT
PDF
Android Development Tools
PDF
Renderscript in Android 3.x
PPTX
Android Enterprise Integration
PDF
Core Android
Embedded Android
Android Development Tools
Why do we need more nerds?
Supercharge your ui
Android Studio und gradle
One APK to rule them all
Android ActionBar Navigation reloaded
Android Studio vs. ADT
Android Development Tools
Renderscript in Android 3.x
Android Enterprise Integration
Core Android
Anzeige

Ähnlich wie Android Ice Cream Sandwich WJAX 2011 (20)

PPTX
Mobile Webentwicklung mit HTML5
PPTX
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
PPTX
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
PDF
Cross-Apps-Entwicklung für iPhone, Android und Co.
PPTX
SEO Produktspezifikation für RWD
PDF
Schlanke Webarchitekturen nicht nur mit JSF 2 und CDI
PDF
Die Zukunft der Webstandards - Webinale 31.05.2010
PDF
Webstandards auf dem Weg zu Standards im Mobilen Bereich
PDF
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
PDF
Entfesseln Sie die Leistung von HCL Nomad - DNUG Stammtisch Wien
PDF
DNUG Domino Day 2017 - ApplicationInsights & IBM Domino Doublecheck
PDF
Responsive Mit Irhem Webseiten (German Edition)
PPTX
2009 - DNC: Silverlight ohne UI - Nur als Cache
PDF
Webentwicklung für das IPhone
PPTX
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
KEY
Responsive Web Design - Ein Überblick
PDF
SDC2011: Web Performance Optimization
PDF
dachnug51 - Zukunft gestalten mit Notes und Domino 14 - Der Wegweiser.pdf
PDF
Responsive Webdesign - Unter der Haube
PDF
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
Mobile Webentwicklung mit HTML5
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
Cross-Apps-Entwicklung für iPhone, Android und Co.
SEO Produktspezifikation für RWD
Schlanke Webarchitekturen nicht nur mit JSF 2 und CDI
Die Zukunft der Webstandards - Webinale 31.05.2010
Webstandards auf dem Weg zu Standards im Mobilen Bereich
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Entfesseln Sie die Leistung von HCL Nomad - DNUG Stammtisch Wien
DNUG Domino Day 2017 - ApplicationInsights & IBM Domino Doublecheck
Responsive Mit Irhem Webseiten (German Edition)
2009 - DNC: Silverlight ohne UI - Nur als Cache
Webentwicklung für das IPhone
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Responsive Web Design - Ein Überblick
SDC2011: Web Performance Optimization
dachnug51 - Zukunft gestalten mit Notes und Domino 14 - Der Wegweiser.pdf
Responsive Webdesign - Unter der Haube
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...

Android Ice Cream Sandwich WJAX 2011