/
Jasig 2010 uPortal Mobile Development

Jasig 2010 uPortal Mobile Development

Feb 24, 2010

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