1 / 26

UCSD Mobile Framework

UCSD Mobile Framework. A Mobile Framework for the UCSD Campus m.ucsd.edu June 15, 2011. UCSD Campus Web Office. Background: UCSD’s iPhone App. June ‘09 UCSD first public university to provide iPhone app Provided web services and data feeds to TerriblyClever .

seamus
Download Presentation

UCSD Mobile Framework

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. UCSD Mobile Framework A Mobile Framework for the UCSD Campus m.ucsd.edu June 15, 2011

  2. UCSD Campus Web Office

  3. Background: UCSD’s iPhone App • June ‘09 UCSD first public university to provide iPhone app • Provided web services and data feeds to TerriblyClever. • Blackberry and generic mobile launched soon thereafter • In early 2010, TerriblyClever was bought out by Blackboard • We wanted to do more…

  4. Smartphone OS Market Share Q4, 2010 Source: International Data Corporation (IDC)

  5. Smartphone OS Market Share, 2012 (predicted) Source: International Data Corporation (IDC)

  6. How do we keep up?

  7. Mobile Web Browser

  8. Involved Campus IT Groups ACT, ACMS, SA, Colleges, Libraries, SIO, Bio Sciences ACT Student Affairs Libraries

  9. Selection Criteria • Device agnostic, front end framework • Sustainable over a 1-2 year period of time. • Standards based • Require little training for developers. • Easy to migrate to a new technology in the future. • Or integrate additional UI Libraries as they mature

  10. Reviewed 8 Mobile Frameworks UCLA, MIT, SproutCore, PhoneGap, jQuery, WebApp.NET, Sencha, iMobileU

  11. Ranked Technologies • Ranked each technology based on • License Cost, OOTB Feature Set, Industry Standards, Documentation, Ease of Implementation/Adoption, Learning Curve, Time Required to Implement, Maintainability, Scalability, Cross-platform Support, Run in Mobile Browser, Extensibility, Availability/Maturity, End User Usability, End User Accessibility, Integration with CMS • Avg. Ranking • UCLAmobile: 130/150 • Sencha: 90/150

  12. What is MWF? • Device detection using WURFL • Correct CSS and JS is served up based on device capabilities • Minification • Image compression … it works for all mobile devices!

  13. Ok, maybe not all devices…

  14. Mobile Framework • m.ucsd.edu • UCSD-styled mobile decorator leveraging UCLA Framework • Documentation for UCSD web developers • Implemented UCSD Mobile under m.ucsd.edu, using data feeds developed for the vendor back in ’09 • Regardless of technology or app hosting environment, all apps appear unified Framework hosted on central server (ACT)

  15. Considerations • Security: App layer handles it as it does with desktop devices. • No additional security layer in MWF • Governance • Campus Web Steering Committee weighs in on taxonomy

  16. m.ucsd.edu Governance • To be linked from m.ucsd.edu or a subsequent category • App’s content is relevant to the campus community • App is using the UCSD Mobile Framework • Need to retrofit Libraries and Shuttles • App is hosted in a secured environment that is monitored, has backup and recovery. • CWSC approves the addition in a majority decision

  17. Metrics • 1 Month Page Views: • Mobile home page: 38,223 • Campus home page: 803,676

  18. Operating Systems

  19. Other UC’s in Production or Pilot

  20. Next up • Apps • My TritonLink • Dining locations and menus • Framework • Additional UI elements to handle navigation • Challenges • How do we fold in websites managed in the CMS into the MWF? • How do we accommodate responsive design?

  21. MyTritonLink

  22. Campus Dining

  23. Campus Dining (cont.)

  24. Publish to Mobile Device Stores

More Related