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.
OpenSocial
Društvene mreže
Prijatelji
Profili
Aktivnosti
OpenSocial
• Skup otvorenih API-ja za izradu
  društvenih aplikacija
• JavaScript, HTML & CSS
• OpenSocial sadržnici
• Pro...
Tri komponente OpenSocial sustava

                      SNS




Aplikacijski
               Sadržnik     Browser
  serveri
Komunikacija sa sadržnikom
• Asinkroni zahtjevi
• Callback funkcija koja obrađuje rezultat
  zahtjeva
• DataRequest sa Dat...
Aplikacije

• XML datoteka (Google Gadgets + OpenSocial
  API)
• Sadrži XML čvorove koji definiraju aplikaciju
• Na profil...
IFRAME

myspace.com              api.msappspace.com

                                              Jail Domain




<IFRAME...
Caja
     • Serverski mehanizam koji uređuje
       JavaScript da bi bio siguran
     • Top.location
     • Eval()


JavaS...
Što treba znati da bi se napravila
OpenSocial aplikacija?
      • JavaScript , HTML & CSS
      • Serverski programski jez...
Što treba imati da bi se napravila
OpenSocial aplikacija?
      • Tekst editor
      • Web poslužitelj na kojem de se
    ...
Gdje početi?

• ning.com (predlošci, …)
• SocialSite
  socialsite.dev.java.net
  (Java, Ruby, PHP)
• Apache Shindig
  incu...
Pitanja?
Title
• Lorem ipsum dolor sit amet,
  consectetuer adipiscing elit.
  Vivamus et magna. Fusce sed sem
  sed magna suscipit...
Title

• Lorem ipsum dolor sit amet, consectetuer
  adipiscing elit. Vivamus et magna. Fusce sed
  sem sed magna suscipit ...
Title
• Lorem ipsum dolor sit amet,
  consectetuer adipiscing elit.
  Vivamus et magna. Fusce sed sem
  sed magna suscipit...
OpenSocial
OpenSocial
OpenSocial
Upcoming SlideShare
Loading in …5
×

OpenSocial

601 views

Published on

Describes OpenSocial platform. More at: code.google.com/apis/opensocial/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

OpenSocial

  1. 1. OpenSocial
  2. 2. Društvene mreže
  3. 3. Prijatelji Profili Aktivnosti
  4. 4. OpenSocial • Skup otvorenih API-ja za izradu društvenih aplikacija • JavaScript, HTML & CSS • OpenSocial sadržnici • Programeri koriste jedinstven API • Korisnici imaju vedi izbor aplikacija
  5. 5. Tri komponente OpenSocial sustava SNS Aplikacijski Sadržnik Browser serveri
  6. 6. Komunikacija sa sadržnikom • Asinkroni zahtjevi • Callback funkcija koja obrađuje rezultat zahtjeva • DataRequest sa DataRequestItem objektima • DataResponse sa DataResponseItem objektima SADRŽNIK DataRequest DataResponse DataRequestItem DataResponseItem DataRequestItem DataResponseItem
  7. 7. Aplikacije • XML datoteka (Google Gadgets + OpenSocial API) • Sadrži XML čvorove koji definiraju aplikaciju • Na profilu se nalazi unutar <IFRAME> HTML čvora
  8. 8. IFRAME myspace.com api.msappspace.com Jail Domain <IFRAME> APLIKACIJA APLIKACIJA
  9. 9. Caja • Serverski mehanizam koji uređuje JavaScript da bi bio siguran • Top.location • Eval() JavaScript Siguran JavaScript
  10. 10. Što treba znati da bi se napravila OpenSocial aplikacija? • JavaScript , HTML & CSS • Serverski programski jezik (PHP, RubyOnRails, ASP.NET, …) • Google Gadgets API & OpenSocial API
  11. 11. Što treba imati da bi se napravila OpenSocial aplikacija? • Tekst editor • Web poslužitelj na kojem de se nalaziti aplikacija • Račun za programere na nekoj od društvenih mreža (http://sandbox.orkut.com, http:/ /developer.myspace.com )
  12. 12. Gdje početi? • ning.com (predlošci, …) • SocialSite socialsite.dev.java.net (Java, Ruby, PHP) • Apache Shindig incubator.apache.org/shindig (Java, PHP)
  13. 13. Pitanja?
  14. 14. Title • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas. • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas.
  15. 15. Title • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas. • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas.
  16. 16. Title • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas. • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus et magna. Fusce sed sem sed magna suscipit egestas.

×