Customizing your project site
This presentation is the property of its rightful owner.
Sponsored Links
1 / 21

Customizing Your Project Site PowerPoint PPT Presentation


  • 78 Views
  • 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 http://source.sakaiproject.org/release/2.4.1/ sakai-demo_2-4-1.tar.gz

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

    • http://source.sakaiproject.org/release/2.4.1/

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

  • Starting up Sakai on Mac OS

    • prompt$ cd Desktop

    • prompt$ cd sakai-demo

    • prompt$ ./start-sakai.sh


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:

    #mastLogo{

    float:left;

    width:444px;

    height:92px;

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

  • The Body of the non-nav items:

    body{

    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:

#toolMenuWrap{

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:

    .siteNavWrap{

    margin: 0;

    height:100%;

    overflow:hidden;

    background: #00659C;

    border-top: 1px solid #69d;

    width: 100%;

    padding: 3px 0 0 0;

    - Space behind Main Header Graphic:

    #headerMax #mastHead{

    height:100px;

    overflow:hidden;

    background: #FFFFCE


Sakai css in a tiny nutshell iv

Sakai CSS in a (Tiny) Nutshell IV

In tool.css:

- Space behind tool area & Presence:

body{

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

font-size: 80%;

background: #FFFFCE

A bigger nutshell:


Wysiwyg vs wygiwyw

WYSIWYG vs. WYGIWYW

  • WYSIWYG Editor (FCK)

    • Use Alt Text

    • Using relative URLs (Source button)


Wysiwyg vs wygiwyw1

WYSIWYG vs. WYGIWYW

  • 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. WYGIWYW


Wysiwyg vs wygiwyw3

WYSIWYG vs. WYGIWYW


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. annc.read, calendar.read, content.read, 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