This webinar covers some different approaches to mobile solutions and includes a case study of SchoolLink, a SharePoint mobile app Habanero designed for the Surrey School District. A custom SharePoint web service allows content published on the district’s website to be pushed out to different mobile devices, increasing the communication between administrators and parents and managed by district staff through their SharePoint portal. The app was developed using the PhoneGap open-source framework which allows for easier development across different device platforms. Hosted by Customer and Member Portals Practice Lead Mallory O'Connor, the one-hour session will also provide helpful insights on content, app maintenance, and technology that may help participants with a current project, as well as offer a chance to learn about the ways content can be extended from a SharePoint portal to mobile devices.

2. Reach your audience
with a SharePoint
mobile app
May 22, 2013

3. Hello
brian edwards
Director, Portal Offerings
mallory o’connor
Practice Lead, Customer and Member Portals
mark bice
Solution Architect, Front End

4. About Habanero

5. We are passionate about helping
people and organizations thrive.

6. Employee
Portals
Customer
Portals
Member
Portals
Connecting parents to their children’s schools.

7. About the Habinar

10. #habinar

11. Reach your audience with
a SharePoint mobile app

12. Goals for today
review
approaches
case
study
things
to consider
for mobile experiences
SchoolLink
insights

13. Let’s refresh on approaches
to mobile experiences

14. Selecting a mobile approach
Anticipated
user
scenarios
Business
objectives
Nature of
content /
functionality
Development
/ sustainment
capacity
Delivery
timelines
Available
budget

15. Mobile decision tree
Mobile Requirements
Mobile Web
Dedicated
Mobile Site
Mobile App
Responsive
Site
Native App
Hybrid App
PhoneGap
iOS
Android
Windows
iOS 5, iOS 6
Gingerbread,
Ice Cream Sandwich
WP7, WP8
OS 5.x , OS 6.0+
Smart Phone Devices
Tablet Devices
- iPhone
- Android smartphone
- Windows smartphone
- Blackberry smartphone
- iPad& iPad Mini
- Android Tablet
- Microsoft Surface
Hybrid Devices
- Galaxy Note
Blackberry
Titanium

16. mobile web vs. mobile app
Mobile experiences
consumed via a local
device browser
Mobile experiences consumed
via specific app downloaded
from an OS marketplace
(i.e. Safari)
(i.e. App Store, Google Play,
SharePoint Store)

17. Mobile development approaches
1. Dedicated mobile site
2. Responsive site
Mobile Web
3. Native app
4. SharePoint 2013 native app
5. Hybrid framework app
Mobile App

18. Dedicated mobile site

19. Responsive site
Desktop
Tablet
Phone

20. Native apps

21. SharePoint 2013
native apps

22. Hybrid framework app
Wrap your
app with an
open source
framework
Deploy to
multiple OS
platforms

23. Case study:
SchoolLink

24. A little background:
Surrey School District

25. Vancouver

26. Vancouver
Surrey

27. 70,000
Primary, secondary and adult
education students

28. 130 +
Schools, learning centres and
programs

29. 328 km
2
Largest school district in
British Columbia

31. 900+
Content authors across school
and district staff

32. Why a mobile app?

33. Sources:
ICD Report: Always Connected: How Smartphones and Social Keep Us Engaged March 2013

34. Smartphone usage
181.4
In 2013
million
smartphone users in the United States
57.3%
That’s
entire population
Sources:
ICD Report: Always Connected: How Smartphones and Social Keep Us Engaged March 2013
of the

35. Smartphone usage
By 2017, that will increase to
222.4
67.8%
million
Or
population
Sources:
ICD Report: Always Connected: How Smartphones and Social Keep Us Engaged March 2013
of the entire

36. Mobile traffic to the District

37. Mobile traffic to the District
87%
of mobile traffic

38. Crumpled notice syndrome

39. Good existing content

40. How we got started
Establish
scope
Identify
audience
Technology
choice
Design
principles

41. What’s relevant to me?
What do I have to know
about? What would disrupt
my day?
— Parents at the Surrey School District
Credit:
iStockPhoto

42. Goals:
Improve communications with parents

43. Goals:
Establish a first step into mobile (iOS)
Today

44. Goals:
Leverage existing SharePoint content and
authoring process

45. Goals:
Use existing skillsets for design, development
and maintenance

46. Goals:
Build for extensibility and growth

47. Demo

48. Considerations

49. Same content, new context

50. Coach authors on the
mobile experience

51. Be mindful of notifications

52. Plan launch strategies

53. Soft launch: until June
th
30

54. Official launch: Sept 2013

55. Technical
considerations

56. Working with an
existing solution

57. Abstracting/extending
SharePoint

58. Working with PhoneGap

59. Device/OS considerations

60. iOS ecosystem
• Urban Airship: for push notifications
• TestFlight : for app distribution during UAT

61. 3 things to take away

62. Complex landscape – but
there’s a just right approach.

63. Mobile second can be ok too.

64. You can extend SharePoint
content to mobile apps.

65. Educate. Plan. Pilot.

66. Questions?

67. Wrap up
•Survey and feedback
•Next webinar: responsive web design in July
•Follow up questions are welcome!

68. Get in touch
brian edwards
Director, Portal Offerings
bedwards@habaneroconsulting.com
604.709.6201 x117
mallory o’connor
Practice Lead, Customer and Member Portals
moconnor@habaneroconsulting.com
604.709.6201 x114
mark bice
Solution Architect, Front End
mbice@habaneroconsulting.com
604.709.6201 x119