Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Plataforma de Aplicativos                Canvas             Guilherme Cavalcanti    Líder técnico, plataforma de aplicativos
Canvas• Funciona dentro do Redu• Like facebook apps• Para o usuário final, faz parte do Redu
Principaisfuncionalidades
Sugestões de aplicativos
Infraestrutura• Se comunica com o Redu via HTTP (API  REST)• As simple as an <iframe>• Plugins sociais (em breve)• SDK Jav...
Mais informações• Vai ficar dentro da Disciplina• Largura máxima de 720px• Autenticação pode ser feita via  JavaScript• Aut...
Autenticação• OAuth 2.0 Implicit Flow• Requisições cross-domain permitidas  (CORS)• https://github.com/andreassolberg/jso•...
1 $(document).ready(function(){ 2     var consumer_key = Qex0Ddsasa6Me4BpRZdasdasNgm2Jr; 3     var config = { 4       clie...
Como faço para registrar                     uma aplicação?• E-mail para contato@redu.com.br• Tipo de aplicação  •   Canva...
Upcoming SlideShare
Loading in …5
×

Introdução aos aplicativos tipo canvas

  • Be the first to comment

Introdução aos aplicativos tipo canvas

  1. 1. Plataforma de Aplicativos Canvas Guilherme Cavalcanti Líder técnico, plataforma de aplicativos
  2. 2. Canvas• Funciona dentro do Redu• Like facebook apps• Para o usuário final, faz parte do Redu
  3. 3. Principaisfuncionalidades
  4. 4. Sugestões de aplicativos
  5. 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. 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. 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. 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 }1011 jso_configure({ redu : config });1213 $.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. 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

×