A plataforma Canvas funciona dentro do Redu como uma rede social de aplicativos, permitindo que desenvolvedores criem aplicativos semelhantes aos do Facebook. Os aplicativos rodam dentro de um iframe e se comunicam com o Redu através de uma API RESTful. A autenticação é feita via OAuth 2.0 e armazenada no LocalStorage do navegador, sendo inicialmente compatível apenas com Firefox e Chrome.

1. Plataforma de Aplicativos
Canvas
Guilherme Cavalcanti
Líder técnico, plataforma de aplicativos

2. Canvas
• Funciona dentro do Redu
• Like facebook apps
• Para o usuário final, faz parte do Redu

3. Principais
funcionalidades

4. Sugestões de aplicativos

5. Infraestrutura
• Se comunica com o Redu via HTTP (API
REST)
• As simple as an <iframe>
• Plugins sociais (em breve)
• SDK JavaScript (em breve)
• Redu Bootstrap (alpha)

6. Mais informações
• Vai ficar dentro da Disciplina
• Largura máxima de 720px
• Autenticação pode ser feita via
JavaScript
• Autenticação pode ser feita via servidor

7. Autenticação
• OAuth 2.0 Implicit Flow
• Requisições cross-domain permitidas
(CORS)
• https://github.com/andreassolberg/jso
• Inicialmente compatível apenas com FF
e Chrome (versões recentes)
• Localstorage

8. 1 $(document).ready(function(){
2 var consumer_key = 'Qex0Ddsasa6Me4BpRZdasdasNgm2Jr';
3 var config = {
4 client_id: consumer_key,
5 redirect_uri: "http://0.0.0.0:4567/auth.html",
6 authorization: "http://www.redu.com.br/oauth/authorize",
7 presenttoken: "qs",
8 isDefault : true
9 }
10
11 jso_configure({ redu : config });
12
13 $.oajax({
14 url : 'http://redu.com.br/api/me',
15 jso_provider: "redu",
16 jso_allowia: true,
17 success: function(data) {
18 var $pre = $("<pre/>").text(JSON.stringify(data, null, 't'));
19 $("body").append($pre);
20 },
21 error : function(data) {
22 console.log("Error (redu):")
23 console.log(data);
24 }
25 });

9. Como faço para registrar
uma aplicação?
• E-mail para contato@redu.com.br
• Tipo de aplicação
• Canvas, mobile, Web (fora do canvas), Desktop,
etc
• Resumo da aplicação
• URL da disciplina (para aplicações tipo
canvas)
• Ususário