Mobile Pages and Content Management
Mobile device’s screens are small
Many users access the Internet almost
exclusively via their phone
Most webpages are designed for
desktop computers with large monitors
Displays on mobile devices need to be
stretched and sized constantly when
viewed on phones
Resizing webpages designed for desktop
monitors on ones cell phone is awkward
at best if not a barrier for most users
Building on a Legacy of Excellence
Mobile Pages and Content Management
Website users including SRJC Students
use their mobile devices such as phones
and iPads to view Website content.
10% of SRJC webpages are viewed via a
mobile device. Perhaps much more usage
if the pages were designed for easy
viewing on mobile devices.
Is this a recruitment/retention issue?
Moving toward a mobile friendly web
design evokes many “Content
Management” issues.
Building on a Legacy of Excellence
Mobile Pages and Content Management
Still collecting information
Looking for your support for step one
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Type of phone?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Goal?
Type of phone?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Goal?
Type of phone?
ROI?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Design?
Goal?
Type of phone?
ROI?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Design?
Goal?
Type of phone?
ROI?
Support?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Design?
Goal?
Content Management?
Type of phone?
ROI?
Support?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Design?
Goal?
Content Management?
Type of phone?
ROI?
Support?
Statistical Usage?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Design?
Goal?
Auto detect?
Content Management?
Type of phone?
ROI?
Support?
Statistical Usage?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Design?
Goal?
Auto detect?
Content Management?
Type of phone?
How much content should be converted?
ROI?
Support?
Statistical Usage?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Portrait / Landscape?
Design?
Goal?
Auto detect?
Content Management?
Type of phone?
How much content should be converted?
ROI?
Support?
Statistical Usage?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Portrait / Landscape?
Design?
Goal?
Auto detect?
Content Management?
Type of phone?
How much content should be converted?
ROI?
Support?
Statistical Usage?
“Low hanging fruit”?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Portrait / Landscape?
Design?
Goal?
Auto detect?
Content Management?
Type of phone?
How much content should be converted?
ROI?
Support?
Statistical Usage?
“Low hanging fruit”?
Learn by doing?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Portrait / Landscape?
Design?
Goal?
Auto detect?
Content Management?
Type of phone?
Multiple SRJC servers?
How much content should be converted?
ROI?
Support?
Statistical Usage?
“Low hanging fruit”?
Learn by doing?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Portrait / Landscape?
Goal?
Auto detect?
HTML5?
Design?
Content Management?
Type of phone?
Multiple SRJC servers?
How much content should be converted?
ROI?
Support?
Statistical Usage?
“Low hanging fruit”?
Learn by doing?
Building on a Legacy of Excellence
Mobile Pages on SRJC webpages
Portrait / Landscape?
Goal?
Auto detect?
HTML5?
Design?
Content Management?
Type of phone?
Multiple SRJC servers?
How much content should be converted?
Support?
Marc B template? ROI?
Statistical Usage?
“Low hanging fruit”?
Learn by doing?
Building on a Legacy of Excellence
Building on a Legacy of Excellence
Building on a Legacy of Excellence
Building on a Legacy of Excellence
Building on a Legacy of Excellence
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Building on a Legacy of Excellence
Mobile Pages and Content Management
Multiple Servers
 http://www.santarosa.edu
 http://www2.santarosa.edu
 https://portal.santarosa.edu
 http://bookstore.santarosa.edu
 https://busapp02.santarosa.edu
 http://online.santarosa.edu
 http://busautobahn.santarosa.edu
Building on a Legacy of Excellence
Mobile Pages and Content Management
14,000 SRJC Webpages!?
1,000+ Possible
Mobile pages?
Dozens of pages with
immediate potential
Building on a Legacy of Excellence
Mobile Pages and Content Management
Possible Project Phases and Scope
Select CMS
Create templates
Templates work in the CMS
CSS is thoroughly designed
Documentation is complete
Transition from Dreamweaver
CMS training available
Expectations are set
IT supports Departmental conversions
Select “Target” pages
Identify “early adopters”
Design is opportunistic
Shows what can be done / exposes issues
Gets attention
Targets student usage
Design is not the full CMS/CSS vision
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
Building on a Legacy of Excellence
Mobile Pages and Content Management
http://boagworld.com/dev/10-criteria-for-selecting-a-cms/
http://www.zowie-cms.com/
http://www.business-software.com/ContentMgmt
http://www.lightcms.com/
http://sixrevisions.com/web-applications/10-promising-content-management-systems/
http://www.inc.com/guides/choose-website-content-management-system.html
http://www.cmsmatrix.org/
http://en.wikipedia.org/wiki/List_of_content_management_systems
http://webdesignledger.com/tools/10-best-content-management-systems-for-designers
http://spyrestudios.com/free-content-management-systems/
http://drupal.org/
http://www.concrete5.org/
http://www.joomla.org/
http://wordpress.org/
Building on a Legacy of Excellence
Mobile Pages and Content Management
Ideally, the content of full sized webpages designed for the
desktop computer’s monitors is linked via “includes” to the
mobile pages
Can a Content Management System (CMS) do this?
Is there support for investigation, selection and development
of a CMS and proper CSS?
Should there be / could there be short term outcomes
mapped to a longer term solution?
Building on a Legacy of Excellence
Mobile Pages and Content Management
Unique Visitors
http://www.websitemagazine.com/content/blogs/posts/pages/master-list-of-content-management-systems-2012.aspx
Building on a Legacy of Excellence
Mobile Pages and Content Management
Most webpages include
Banner/Masthead
Navigation/Menus
Content
Text
Photos
Links
Footer
Properly designed and managed, these elements can be presented
nicely on both desktop monitors and mobile devices primarily through
the use of Cascading Style Sheets (CSS) and page structure design
Building on a Legacy of Excellence
Mobile Pages and Content Management
Can a Content Management System (CMS) do this?
The ideal CMS
 Well supported
 Easy to use
 Open source
 Free
 Multiple levels of access
 Supports multiple skill levels
 Mobile design elements
 Server side includes
 User agent recognition
Building on a Legacy of Excellence
Mobile Pages and Content Management
Should there be / could there be short term outcomes mapped to a longer term
solution?
 Allow for some immediate ad hoc development?
Avoid the “slippery slope”
 Select a CMS
 Design the template
 Create tools
 Develop user training
Building on a Legacy of Excellence
Mobile Pages and Content Management
Is there support for the development of such a scope out a project?
The implications of going mobile and supporting a CMS are
Project team
Standards
Long term support
Change
Establishing a legacy for the next 5-10 years
Building on a Legacy of Excellence