Quick Create Sakai Tools in Pure HTML and JavaScript

Lovemore NalubeDeveloper

University of Cape Town17 June 2010

Overview

• What you need• The JavaScript canvas• Sakai dependencies• Getting Sakai data• Dropping the app into a site• Demo

• Lets make a “Join a site widget”• A new Group Manager Interface for Sakai• SMS Credits Transfer tool

211th Sakai Conference - June 15-17, 2010

What you need

• jQuery – latest v 1.4.2• HTML• Firebug

• Pretty cool to use:• Fluid infusion – i18n, accessibility• QUnit – jQuery unit testing

311th Sakai Conference - June 15-17, 2010

The JavaScript canvas

• Namespace your code to avoid collisions and make code easy to understand.

411th Sakai Conference - June 15-17, 2010

var siteJoin = function($){

//private functions and vars var privateMe = {}; var privateFunction = function(){ };

//public functions return { init: function(){

} }}($);

Activate our namespace

• Namespace your code to avoid collisions and make code easy to understand.

511th Sakai Conference - June 15-17, 2010

$(document).ready(function() { siteJoin.init();});

Sakai dependencies

• REST webservices• Entity Broker

• Entity Provider

• Actions:• PUT, POST, GET, DELETE

611th Sakai Conference - June 15-17, 2010

-> sakai level

-> tool level

Getting Sakai data

• Use jQuery standards

711th Sakai Conference - June 15-17, 2010

$.ajax({ url: "/direct/membership/join/site/" + siteId, type: "POST", success: function(){ alert("You have joined!");

}, error: function(xhr){ alert("Sorry, you cannot join this site."); } });

Dropping the app into a site

• Put code into a static folder like /library/ so that it is accessible via a url like this: {server}/library/myApp/app.html

• Use the Web Content tool to pull it in.• Add any parameters needed eg:

• {server}/library/myApp/app.html?site=${SITE_ID}

811th Sakai Conference - June 15-17, 2010

Let’s make a toolGroup manager Demo

Fun

11th Sakai Conference - June 15-17, 2010 9

More Info

• http://confluence.sakaiproject.org/display/GRPMGR/

1011th Sakai Conference - June 15-17, 2010