Customizing Your Project Site - PowerPoint PPT Presentation

Customizing your project site
1 / 21

  • Uploaded on
  • Presentation posted in: General

Customizing Your Project Site. Sean DeMonner University of Michigan. Expanding Sakai. Thinking beyond the CMS “What else is Sakai good for” Project BigMoney needs a website. Getting Started. Downloading Sakai demo sakai-demo_2-4-1.tar.gz

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.

Download Presentation

Customizing Your Project Site

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript

Customizing your project site

Customizing Your Project Site

Sean DeMonner

University of Michigan

Expanding sakai

Expanding Sakai

  • Thinking beyond the CMS

  • “What else is Sakai good for”

  • Project BigMoney needs a website

Getting started

Getting Started

  • Downloading Sakai demo


    • sakai-demo_2-4-1.tar.gz

  • Starting up Sakai on Mac OS

    • prompt$ cd Desktop

    • prompt$ cd sakai-demo

    • prompt$ ./

Public view

Public View

  • Unauthenticated space

  • Nice Page Title

  • Readable URL! (Sites -> New)

  • Mini Google mash-up

  • Wiki RSS feed

  • Smart mailto

  • Editable wiki page

  • Directory view

  • Javascript widgets:

    • Randomizer

    • Counter

  • Link to authenticated space

Private view

Private View

  • Authenticated space

  • Home graphic

  • Tool badge (W105 x Hnnn)

    • transparency

  • Custom CSS (colors, banner)

  • Tools: Resources, wiki

  • Web content

    • Delicious

    • Google Analytics

    • MySpace

    • Etc.

Sakai spelunking

Sakai Spelunking

Getting the skinny

Getting the Skinny

Sakai css in a tiny nutshell

Sakai CSS in a (Tiny) Nutshell

In portal.css:

  • The Main Header Graphic:





    background:url(images/customMastLogo.jpg) top left no-repeat;

  • The Body of the non-nav items:


    width: 100%;

    padding: 0;

    font-family: 'Trebuchet MS',Verdana,sans-serif;

    margin: 0;

    background: #FFFFCE;

Sakai css in a tiny nutshell ii

Sakai CSS in a (Tiny) Nutshell II

In portal.css:

- The Tool Menu Separator:


float: left;

width: 9.6em;

color: #000;

text-align: right;

padding:0 .5em 0 0;

border-right:2px solid #FFFFCE

Sakai css in a tiny nutshell iii

Sakai CSS in a (Tiny) Nutshell III

  • In portal.css:

    - Space Behind the Tabs:


    margin: 0;



    background: #00659C;

    border-top: 1px solid #69d;

    width: 100%;

    padding: 3px 0 0 0;

    - Space behind Main Header Graphic:

    #headerMax #mastHead{



    background: #FFFFCE

Sakai css in a tiny nutshell iv

Sakai CSS in a (Tiny) Nutshell IV

In tool.css:

- Space behind tool area & Presence:


font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;

font-size: 80%;

background: #FFFFCE

A bigger nutshell:

Wysiwyg vs wygiwyw


  • WYSIWYG Editor (FCK)

    • Use Alt Text

    • Using relative URLs (Source button)

Wysiwyg vs wygiwyw1


  • WYSIWYG Editor (FCK)

    • Set target = _blank to open new window

    • Turning off WYSIWYG editor w/Ad Blocker for testing, editing, etc.

Wysiwyg vs wygiwyw2


Wysiwyg vs wygiwyw3


Public and anon

Public and .anon

  • .anon and Public viewing of content

    • Public Polls, Wiki, Resources, etc

More with anon

More with .anon

  • Create .anon roll for Site

    • Admin Workspace -> Realms -> Add Role and give it appropriate permissions (e.g.,,, site.visit)

  • Modify functions.require in Tool

    • Administration Workspace -> Sites -> Pages -> Page ID -> Tools -> Tool ID -> functions.require

Open issues questions

Open Issues / Questions:

  • Need to be Admin to do many things (e.g. CSS, custom site name, .anon)

  • Getting correct Edit permissions on public/.anon wiki editing is challenging

  • Submitting pages to Search Engines?

    • http://localhost:8080/access/content/group/Newport/index.html redirects to https which is not spidered?

Last gasp

Last Gasp

  • Lot covered: Demo install, CSS, FCK, .anon

  • Webthink: expand with external features

  • Project Site hacking BOF?

  • Questions?

Other topics

Other Topics

  • Public Polls?

  • Public Wiki Editing?

  • Public RSS Subscription

  • Public Forums w/moderated postings

  • Home Page panes (Gmail, Email archive?)

  • Two framed navigation to handle sequences

  • YouTube link

  • Public Schedule

  • Login