1 / 21

Customizing Your Project Site

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

brad
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Customizing Your Project Site Sean DeMonner University of Michigan

  2. Expanding Sakai • Thinking beyond the CMS • “What else is Sakai good for” • Project BigMoney needs a website

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

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

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

  6. Sakai Spelunking

  7. Getting the Skinny

  8. 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;

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

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

  11. 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:

  12. WYSIWYG vs. WYGIWYW • WYSIWYG Editor (FCK) • Use Alt Text • Using relative URLs (Source button)

  13. WYSIWYG vs. WYGIWYW • WYSIWYG Editor (FCK) • Set target = _blank to open new window • Turning off WYSIWYG editor w/Ad Blocker for testing, editing, etc.

  14. WYSIWYG vs. WYGIWYW

  15. WYSIWYG vs. WYGIWYW

  16. Public and .anon • .anon and Public viewing of content • Public Polls, Wiki, Resources, etc

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

  18. 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?

  19. Last Gasp • Lot covered: Demo install, CSS, FCK, .anon • Webthink: expand with external features • Project Site hacking BOF? • Questions?

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

More Related