customizing your project site
Download
Skip this Video
Download Presentation
Customizing Your Project Site

Loading in 2 Seconds...

play fullscreen
1 / 21

Customizing Your Project Site - PowerPoint PPT Presentation


  • 115 Views
  • Uploaded on

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

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

PowerPoint Slideshow about 'Customizing Your Project Site' - brad


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 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.
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
ad