Jasig 2010 uPortal Mobile Development

Owned by Colin Clark
Last updated: Feb 24, 2010Version comment
1 min read

foo

Presentation Description

This session will provide developers with a hands-on understanding of mobile development techniques in the portal environment.

We'll cover:

  • Creating and modifying mobile themes in uPortal
  • Developing mobile interfaces for portlets
  • Providing different user experiences based on device type
  • Addressing performance and compatibility issues unique to mobile devices
  • Re-purposing existing content for use on small screens
  • Using Fluid Infusion and the mobile Fluid Skinning System to create great user experiences

Jen's Original Notes

Developing Mobile Themes in uPortal

  • uPortal themes and skins
  • uPortal profiles and default users
  • Browser mappings
  • Suppressing portlets in mobile themes

Portlet Development

  • Portlets and CSS
  • Producing mobile views
  • Getting user agent from a portlet
  • Getting window state
  • Getting theme name

Fluid Stuff

  • mFSS/FSS
  • Fluid mobile skins
  • Infusion in a mobile environment

Miscellaneous

  • integration with mobile devices
  • tel links, etc.
  • ideas for / examples of interesting higher ed mobile apps

Colin/Jen/Justin's Notes Feb 24 2010

Moving to Mobile

  • How to design for mobile
  • Mobile limitations: connectivity, screen size, performance
  • Features of WebKit and other modern mobile browser
    • HTML 5, CSS 3, and more
  • How to leverage these features

Mobile in uPortal

  • Background on the architecture and conceptual overview
  • How mobile themes and skins work in uPortal
  • uPortal profiles and default users
  • Browser mappings
  • Suppressing portlets in mobile themes

Portlet Development

  • Examples of mobile portlets in uPortal: calendar portlet, etc.
  • Case study: Fliquor portlet
  • Producing mobile views
  • Getting user agent from a portlet
  • Getting window state
  • Getting theme name

Using Mobile FSS

  • mFSS/FSS
  • Fluid mobile skins
  • Infusion in a mobile environment
  • Use a hands-on example of iPhone and Android themes for Fliquor

Mobile UI Components

  • Quick demo of Engage
  • How to use NavList and Cabinet
  • Screen Navigator and "chromeless" features

Next Steps

  • Where mobile is going in uPortal
  • Features coming in mFSS
  • Ideas for / examples of interesting higher ed mobile apps