#mstrworld
Build Once, Deploy Everywhere: Support Both iOS
and Android
Agenda
•
Introduction
•
Devices
•
Design and Development
•
Deployment
#mstrworld
Agenda
•
Introduction
•
Devices
•
Design and Development
•
Deployment
•
Questions
Why Android?
#mstrworld
Why Android?
Market Share
Why Android?
#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
Devices
Android as part of an Enterprise grade Intelligence Platform
#mstrworld
Agenda
•
Introduction
•
Devices
•
Design and Development
•
Deployment
•
Questions
Devices
#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:
• 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
#mstrworld
Devices
Using the Android Developer Console
13
• Optimize for the most popular devices
• Get to know your users
• Use the Android developer console:
Devices
#mstrworld
Devices
We have certified all Android OS
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
#mstrworld
Agenda
•
Introduction
•
Devices
•
Design and Development
•
Deployment
•
Questions
Android UI Design Guidelines
Introduction to Material Design
#mstrworld
Android UI Design Guidelines
Material Design Environment: 3D and Shadow effects
19
• 3D space
Android UI Design Guidelines
Grid based layouts
• Light and Shadows
• Virtual lights illuminate the scene and allow objects to cast shadows
#mstrworld
Android UI Design Guidelines
Theme colors
Android UI Design Guidelines
#mstrworld
Android UI Design Guidelines
Topography
23
• 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
Android UI Design Guidelines
#mstrworld
Android UI Design Guidelines
Buttons
Android UI Design Guidelines
#mstrworld
Android UI Design Guidelines
Don’t use a bottom navigation bar
Android UI Design Guidelines
#mstrworld
Development
iOS vs. Android
Android Development
Main Design considerations
• Screen size you are designing for
• Primary orientation (landscape or portrait)
#mstrworld
Android Development
Fit to Page
Android Development
#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
Android Development
Using the Monitor Tool
#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
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
#mstrworld
Android Development
Monitoring Tool
Android Development
#mstrworld
Android Development
Monitoring Tool
Android Development
#mstrworld
Android Development
Monitoring Tool
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
#mstrworld
Android Development
Use Mobile Widgets
Android Development
#mstrworld
Android Development
Widget Features List
45
Android UI Design Guidelines
#mstrworld
Android UI Design Guidelines
Optimize for Information Windows
Agenda
•
Introduction
•
Devices
•
Design and Development
•
Deployment
#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)
Deployment Options
Where can you deploy?
• 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
#mstrworld
MicroStrategy 10 Beta Program
51
Want to be part of the
MicroStrategy Mobile
Beta Program?
Scan this QR code with your phone or use this link to answer a quick survey:
http://tinyurl.com/lycpc6
We’ll contact you very soon and will give you access to our iOS and Android builds before they are released.
Want to be part of the
MicroStrategy Mobile
Beta Program?
Scan this QR code with your phone or use this link to answer a quick survey:
http://tinyurl.com/lycpc6p
We’ll contact you very soon and will give you access to our iOS and Android builds before they are released.