Embed Size (px)
Citation preview
#mstrworld
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: • 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 11
#mstrworld
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
13
• Optimize for the most popular devices • Get to know your users • Use the Android developer console:
• https://play.google.com/apps/publish
#mstrworld
Devices Using the Android Developer Console
14
#mstrworld
Devices We have certified all Android OS
15
#mstrworld
Devices Certified Devices
16
• 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
#mstrworld
Agenda
• Introduction • Devices • Design and Development • Deployment • Questions
17
#mstrworld
Android UI Design Guidelines Introduction to Material Design
18
Material is the metaphor Bold, graphic, intentional Motion provides meaning
#mstrworld
Android UI Design Guidelines Material Design Environment: 3D and Shadow effects
19
• 3D space • All objects have x, y and z dimensions
#mstrworld
Android UI Design Guidelines Grid based layouts
20
• Light and Shadows • Virtual lights illuminate the scene and allow objects to cast shadows • Key and ambient light cast these shadows
#mstrworld
Android UI Design Guidelines Theme colors
21
#mstrworld
Android UI Design Guidelines Color Palettes
22
#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 Roboto
#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
45
https://home.microstrategy.com/wiki/mobile/Knowledge%20Base/MicroStrategy%20Mobile%20List%20of%20Features.pdf
#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
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/lycpc6pWe’ll contact you very soon and will give you access to our
iOS and Android builds before they are released.
#mstrworld
Agenda
• Introduction • Devices • Design and Development • Deployment • Questions
52
