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

589 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
589
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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.

×