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

1. OpenSocial

2. Društvene mreže

3. Prijatelji
Profili
Aktivnosti

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

6. Tri komponente OpenSocial sustava
SNS
Aplikacijski
Sadržnik Browser
serveri

7. 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

8. Aplikacije
• XML datoteka (Google Gadgets + OpenSocial
API)
• Sadrži XML čvorove koji definiraju aplikaciju
• Na profilu se nalazi unutar <IFRAME> HTML
čvora

9. IFRAME
myspace.com api.msappspace.com
Jail Domain
<IFRAME>
APLIKACIJA
APLIKACIJA

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

11. Što treba znati da bi se napravila
OpenSocial aplikacija?
• JavaScript , HTML & CSS
• Serverski programski jezik (PHP,
RubyOnRails, ASP.NET, …)
• Google Gadgets API & OpenSocial
API

12. Š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 )

15. Gdje početi?
• ning.com (predlošci, …)
• SocialSite
socialsite.dev.java.net
(Java, Ruby, PHP)
• Apache Shindig
incubator.apache.org/shindig
(Java, PHP)

16. Pitanja?

17. 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.

18. 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.

19. 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.