Build Once, Deploy Everywhere: Support Both ios and Android Andrea Schiller #mstrworld
Agenda Introduction Devices Design and Development Deployment Questions 2 #mstrworld
Agenda Introduction Devices Design and Development Deployment Questions 3 #mstrworld
Why Android? Market Share 4 #mstrworld
Why Android? Market Share 5 #mstrworld
Why Android? Market Share 6 #mstrworld
Why Android For Business? Cost Whether purchased in bulk or individually, there is a much lower cost to entry Cheaper developer license ($25 vs. $99) Choice Variety of phones to fit any color, size or style requirements (500+ smartphones, 50+ tablets) BYOD Bring your own device is becoming a more popular options for enterprises Deployment Options 7 #mstrworld
Devices Android as part of an Enterprise grade Intelligence Platform 8 #mstrworld
Agenda Introduction Devices Design and Development Deployment Questions 9 #mstrworld
Devices How do you pick a device to use with MicroStrategy? 10 #mstrworld
Devices How do you pick a device to use with MicroStrategy? Screen density (dpi- dots per inch) Low, ldpi (120dpi) Medium, mdpi (160dpi) High, hdpi (240dpi) Extra High, xhdpi (320dpi) MIcroStrategy Minimum Requirements: Phones with High Pixel Density Screen (HDPI) Tablets with Medium Pixel Density Screen (MDPI) See requirements and certified devices in tech notes on out Support Site: 11 #mstrworld TN37498: MicroStrategy Mobile Minimum Requirements and Certified Devices for Android TN46372: List of Certified Android Devices in MicroStrategy Mobile TN38479: How to determine the dpi values of an android device which can support MicroStrategy Mobile
Devices What do we use and recommend? The Nexus Family Nexus 5 Nexus 7 Nexus 10 Phones, xhdpi 7in tablet, xhdpi 10in tablet, xhdpi Benefits: Pure Android experience First to receive latest OS updates We always test with the Nexus line 12 #mstrworld
Devices Using the Android Developer Console Optimize for the most popular devices Get to know your users Use the Android developer console: https://play.google.com/apps/publish 13 #mstrworld
Devices Using the Android Developer Console 14 #mstrworld
Devices We have certified all Android OS 15 #mstrworld
Devices Certified Devices Acer Iconia Tablet A100 Acer Iconia Tablet A500 Asus Transformer Tablet Asus Transformer Carrefour CT 1002 Droid Bionic Dell Venue Google Nexus S HTC Jetstream HTC One S HTC One X HTC Vivid Lenovo Ideapad K1 Motorola Atrix Motorola Xoom Motorola Droid X Google Nexus S4G Kyocera Echo LG Nexus 4 LG Optimus G LG Spectrum LG Revolution LG Thrill Motorola Atrix 2 Motorola Droid 4 Motorola Droid Bionic Motorola Droid Razr Motorola Xoom 3G Tablet Motorola Xoom Wi-Fi Motorola XY Board Motorola Photon Nexus 7 Nexus 10 Toshiba Thrive Samsung Fascinate Samsung Galaxy Tab 10 (WiFi) Samsung Galaxy S 2 (AT&T, T-Mobile) Samsung Galaxy S 3 Samsung Galaxy Tab 10.1 Samsung Galaxy Tab 2.7.0 Samsung Galaxy Tab 7 Plus Samsung Nexus 10 Samsung Nexus S Sony Xperia Arc Sony Tablet S Sony S Tablet HTC Jetstream 16 #mstrworld
Agenda Introduction Devices Design and Development Deployment Questions 17 #mstrworld
Android UI Design Guidelines Introduction to Material Design Material is the metaphor Bold, graphic, intentional Motion provides meaning 18 #mstrworld
Android UI Design Guidelines Material Design Environment: 3D and Shadow effects 3D space All objects have x, y and z dimensions 19 #mstrworld
Android UI Design Guidelines Grid based layouts Light and Shadows Virtual lights illuminate the scene and allow objects to cast shadows Key and ambient light cast these shadows 20 #mstrworld
Android UI Design Guidelines Theme colors 21 #mstrworld
Android UI Design Guidelines Color Palettes 22 #mstrworld
Android UI Design Guidelines Topography Roboto is the standard typeface on Android Latin, Greek, French, English, Russian Noto is the standard typeface on Android for all languages not covered by Roboto 23 #mstrworld
Android UI Design Guidelines Icons 24 #mstrworld
Android UI Design Guidelines Buttons 25 #mstrworld
Android UI Design Guidelines Don t use labeled black buttons 26 #mstrworld
Android UI Design Guidelines Don t use a bottom navigation bar 27 #mstrworld
Android UI Design Guidelines Realize the difference in menu bar 28 #mstrworld
Development ios vs. Android 29 #mstrworld
Android Development Main Design considerations Screen size you are designing for Primary orientation (landscape or portrait) Dashboard rendering mode (Full Screen or Non Full Screen) 30 #mstrworld
Android Development Fit to Page 31 #mstrworld
Android Development Insert a watermark or background image to mask white space 32 #mstrworld
Android Development Android Monitor Tool An extremely useful tool shipped with Android SDK UI XML Snapshot- Available on 4.1 (Jelly Bean) or later OS This allows you to determine the exact width and height of the view port of your device 33 #mstrworld
Android Development Using the Monitor Tool 34 #mstrworld
Android Development Monitoring Tool What device: Asus Nexus 7 What is the desired orientation: Landscape What is the desired rendering mode: Non-full screen 35 #mstrworld
Android Development Using the Monitoring Tool Create a dashboard with: Desired orientation (landscape) Desired rendering mode (Non-Full Screen) Run this dashboard on Asus Nexus 7 and inspect the UI XML snapshot through the monitor tool Width and height of the viewport (provided in device px) 36 #mstrworld
Android Development Monitoring Tool 37 #mstrworld
Android Development Monitoring Tool 38 #mstrworld
Android Development Monitoring Tool 39 #mstrworld
Android Development Monitoring Tool 40 #mstrworld
Android Development Monitoring Tool 41 #mstrworld
Android UI Design Guidelines In summary Use the UI XML Snapshot feature of Monitor tool to determine exact view port dimensions Create dashboard to those dimensions and set it to Fit Width Dashboard display should be optimized for Landscape and Portrait orientations Portrait resolution: 1200x1662 Landscape resolution: 1920x492 42 #mstrworld
Android Development Use Mobile Widgets 43 #mstrworld
Android Development Optimize for your device 44 #mstrworld
Android Development Widget Features List https://home.microstrategy.com/wiki/mobile/knowledge%20base/microstrategy%20mobile%20list%20of%20features.pdf 45 #mstrworld
Android UI Design Guidelines Optimize for Microapplication 46 #mstrworld
Android UI Design Guidelines Optimize for Information Windows 47 #mstrworld
Agenda Introduction Devices Design and Development Deployment Questions 48 #mstrworld
Deployment Options Deployment in ios vs. Android ios Requires Apple Enterprise License to re-skin App before posting to internal or external app stores More expensive developer license ($99) Android App (.apk) can be embedded in/and distributed over email, or through corporate webpages Cheaper developer license ($25) 49 #mstrworld
Deployment Options Where can you deploy? Email Internal Website, Corporate Website App Store such as Google Play MDM Solutions Consider using staged rollouts available via Google Play. - Allows you to release Alpha and Beta versions of products that users can download without influencing your Google Play rating 50 #mstrworld
MicroStrategy 10 Beta Program Want to be part of the MicroStrategy Mobile Beta Program? Scan this this QR QR code with your phone or or use use this this link link to to answer a a quick survey: http://tinyurl.com/lycpc6 http://tinyurl.com/lycpc6p We ll contact you very soon and will give you access to to our ios and ios Android and Android builds builds before before they they are released. are released. 51 #mstrworld
Agenda Introduction Devices Design and Development Deployment Questions 52 #mstrworld
Thank you! Questions? aschiller@microstrategy.com 53 #mstrworld