Facebook Platformu’na giriş/ İlk Facebook uygulamamızı yazıyoruz Özkan Altuner [email_address] Web Program cıları Platformu
 
<ul><li>Facebook Platformu’na kısa bir bakış </li></ul><ul><li>Kütüphaneler (API’ler) </li></ul><ul><li>Neden .NET? </li><...
<ul><li>24  May ıs 2007 tarihinde duyuruldu </li></ul><ul><li>3. parti uygulama geliştiricilerine Facebook’la etkileşebile...
<ul><li>PHP (Resmi) </li></ul><ul><li>Python </li></ul><ul><li>Ruby </li></ul><ul><li>.NET </li></ul><ul><li>Diğerleri (Co...
<ul><li>UserControl çeşitliliği </li></ul><ul><li>C#, VB.NET kullanımı </li></ul><ul><li>VisualStudio gibi bir IDE </li></...
<ul><li>Uygulama dizini </li></ul><ul><ul><li>Uygulamalar  onaylandıktan sonra  dizinde yer alır. </li></ul></ul><ul><ul><...
<ul><li>Hakkında sayfası (About Page) </li></ul><ul><ul><li>Uygulama dizininden gelinen sayfa </li></ul></ul><ul><ul><li>K...
<ul><li>Uygulama (Canvas Page) </li></ul><ul><ul><li>Uygulama ana sayfası </li></ul></ul><ul><ul><li>Facebook çerçevesi iç...
<ul><li>Profil Sayfası </li></ul><ul><ul><li>Kullanıcının Facebook’taki kimlik kartı </li></ul></ul><ul><ul><li>Kullanıcı ...
<ul><li>Profil </li></ul><ul><ul><li>Profile Boxes </li></ul></ul><ul><ul><li>Applications Menu </li></ul></ul><ul><ul><li...
<ul><li>Gizlilik Ayarları </li></ul>
<ul><li>Feed Forms </li></ul><ul><ul><li>Uygulamanın, kullanıcının profil sayfasındaki “mini-feed”ine ve arkadaslarının “n...
<ul><li>News Feed </li></ul><ul><ul><li>Facebook’a login olduğumuzda karşımıza çıkan ve arkadaşlarımızın ne yaptığını habe...
<ul><li>İkazlar (Alerts) </li></ul><ul><ul><li>Uygulamanın e-mail yoluyla haberdar etmesi </li></ul></ul><ul><ul><li>Kulla...
<ul><li>İstekler (Requests) </li></ul><ul><ul><li>News-feed yapısında bir kullanıma sahip </li></ul></ul><ul><ul><li>Uygul...
<ul><li>FBML Canvas </li></ul><ul><ul><li>Facebook stili </li></ul></ul><ul><ul><li>FBML </li></ul></ul><ul><ul><li>Hazır ...
<ul><li>Iframe Canvas </li></ul><ul><ul><li>Lokal debugging </li></ul></ul><ul><ul><li>Yay ınlanan içerikte esneklik </li>...
<ul><li>İhtiyaçlar </li></ul><ul><ul><li>Facebook hesabı </li></ul></ul><ul><ul><li>Domain ve hosting </li></ul></ul><ul><...
<ul><ul><li>http://www.facebook.com/developers  adresinden  Developer  uygulaması yüklenir </li></ul></ul><ul><ul><li>Setu...
<ul><ul><li>Gerekli alanlar doldurulur </li></ul></ul><ul><ul><ul><li>Uygulama adı </li></ul></ul></ul><ul><ul><ul><li>Cal...
<ul><ul><li>API Key  ve  Secret  değerlerini not ediyoruz </li></ul></ul>
<ul><ul><li>Visual Studio 2008’de yeni bir Web Application oluşturup Facebook.dll ve Facebook.WebControls.dll’e referans v...
<ul><li>http://developers.facebook.com </li></ul><ul><li>http://wiki.developers.facebook.com </li></ul><ul><li>http://www....
<ul><li>http ://portakal.net </li></ul><ul><li>http://twitter.com/Portakal </li></ul><ul><li>http://friendfeed.com/portaka...
Upcoming SlideShare
Loading in …5
×

.NET Kullanarak Facebook Uygulamasi Gelistirmek

5,523 views
5,413 views

Published on

24 Ocak 2009 tarihinde yapilan Web Programcilari Platformu (http://www.webprogramcilariplatformu.org) etkinligindeki sunumum: .NET Kullanarak Facebook Uygulamasi Gelistirmek. Facebook Platformu'na kisa bir giris, API'ler, Facebook ToolKit ve Uygulama demosu.

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

No Downloads
Views
Total views
5,523
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
30
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

.NET Kullanarak Facebook Uygulamasi Gelistirmek

  1. 1. Facebook Platformu’na giriş/ İlk Facebook uygulamamızı yazıyoruz Özkan Altuner [email_address] Web Program cıları Platformu
  2. 3. <ul><li>Facebook Platformu’na kısa bir bakış </li></ul><ul><li>Kütüphaneler (API’ler) </li></ul><ul><li>Neden .NET? </li></ul><ul><li>Bir Facebook uygulamasının anatomisi </li></ul><ul><li>İlk uygulamamızı yazıyoruz </li></ul><ul><li>Yardımcı kaynaklar </li></ul>
  3. 4. <ul><li>24 May ıs 2007 tarihinde duyuruldu </li></ul><ul><li>3. parti uygulama geliştiricilerine Facebook’la etkileşebilen uygulamalar yazmalarına olanak sağlıyor </li></ul><ul><li>REST benzeri bir arabirim kullanarak (HTTP GET/POST) iletişim sağlıyor </li></ul><ul><li>Çok çabuk değişkenlik gösteriyor (Yeni profil, status api vs) </li></ul><ul><li>Ortak kod paylaşımı çok az </li></ul><ul><li>Herkes hemen hemen aynı şeyleri , tekrar tekrar yapıyor </li></ul>
  4. 5. <ul><li>PHP (Resmi) </li></ul><ul><li>Python </li></ul><ul><li>Ruby </li></ul><ul><li>.NET </li></ul><ul><li>Diğerleri (ColdFusion, Perl, Java, C++) </li></ul>
  5. 6. <ul><li>UserControl çeşitliliği </li></ul><ul><li>C#, VB.NET kullanımı </li></ul><ul><li>VisualStudio gibi bir IDE </li></ul><ul><li>LINQ desteği </li></ul><ul><li>İyi dökümantasyon </li></ul>
  6. 7. <ul><li>Uygulama dizini </li></ul><ul><ul><li>Uygulamalar onaylandıktan sonra dizinde yer alır. </li></ul></ul><ul><ul><li>Tanıtıcı bir yazı ve ikon ile belirtilir </li></ul></ul>
  7. 8. <ul><li>Hakkında sayfası (About Page) </li></ul><ul><ul><li>Uygulama dizininden gelinen sayfa </li></ul></ul><ul><ul><li>Kullanıcıları cezbedici bilgilerin yer alması önemli </li></ul></ul>
  8. 9. <ul><li>Uygulama (Canvas Page) </li></ul><ul><ul><li>Uygulama ana sayfası </li></ul></ul><ul><ul><li>Facebook çerçevesi içerisinde yer alır </li></ul></ul><ul><ul><li>FBML ya da iframe kullanılarak hazırlanır* </li></ul></ul>
  9. 10. <ul><li>Profil Sayfası </li></ul><ul><ul><li>Kullanıcının Facebook’taki kimlik kartı </li></ul></ul><ul><ul><li>Kullanıcı hakkında en güncel bilgilerin ve gelişmelerin listelendiği sayfa </li></ul></ul>
  10. 11. <ul><li>Profil </li></ul><ul><ul><li>Profile Boxes </li></ul></ul><ul><ul><li>Applications Menu </li></ul></ul><ul><ul><li>Bookmarks </li></ul></ul><ul><ul><li>Applications Tabs </li></ul></ul><ul><ul><li>Boxes Tab </li></ul></ul><ul><ul><li>Application Info Sessions </li></ul></ul><ul><ul><li>Publisher </li></ul></ul><ul><ul><li>Feed Forms </li></ul></ul>
  11. 12. <ul><li>Gizlilik Ayarları </li></ul>
  12. 13. <ul><li>Feed Forms </li></ul><ul><ul><li>Uygulamanın, kullanıcının profil sayfasındaki “mini-feed”ine ve arkadaslarının “news-feed”ine yolladığı duyurulardır </li></ul></ul>
  13. 14. <ul><li>News Feed </li></ul><ul><ul><li>Facebook’a login olduğumuzda karşımıza çıkan ve arkadaşlarımızın ne yaptığını haberdar eden duyuru panosu </li></ul></ul><ul><ul><li>Her uygulamanın kullanıcı başına yayımlayabildiği duyuru sayısı limitli </li></ul></ul><ul><ul><li>Sağ alt köşede görünen kırmızı ünlemle kendini belli eder </li></ul></ul>
  14. 15. <ul><li>İkazlar (Alerts) </li></ul><ul><ul><li>Uygulamanın e-mail yoluyla haberdar etmesi </li></ul></ul><ul><ul><li>Kullanıcının iznine bağlı </li></ul></ul><ul><ul><li>Günlük e-mail gönderimi sınırlı </li></ul></ul><ul><ul><li>API Method: Notifications.SendEmail </li></ul></ul>
  15. 16. <ul><li>İstekler (Requests) </li></ul><ul><ul><li>News-feed yapısında bir kullanıma sahip </li></ul></ul><ul><ul><li>Uygulamadan gönderilen duyurular “Requests” alanında görüntülenir. </li></ul></ul><ul><ul><li>API Method: Notifications.Send </li></ul></ul>
  16. 17. <ul><li>FBML Canvas </li></ul><ul><ul><li>Facebook stili </li></ul></ul><ul><ul><li>FBML </li></ul></ul><ul><ul><li>Hazır araçlar (arkadaş seçme, davet etme, navigasyon vs) </li></ul></ul>http://apps.facebook.com/ patlatbihediye/ Ehem <fb:name/> <fb:profile-pic/> <html>…</html>
  17. 18. <ul><li>Iframe Canvas </li></ul><ul><ul><li>Lokal debugging </li></ul></ul><ul><ul><li>Yay ınlanan içerikte esneklik </li></ul></ul>http://apps.facebook.com/ patlatbihediye/ Ehem <html>…</html>
  18. 19. <ul><li>İhtiyaçlar </li></ul><ul><ul><li>Facebook hesabı </li></ul></ul><ul><ul><li>Domain ve hosting </li></ul></ul><ul><ul><li>Facebook Developer Toolkit ( http://www.codeplex.com/FacebookToolkit ) </li></ul></ul><ul><ul><li>Visual Studio 2008 </li></ul></ul><ul><ul><li>Harika bir fikir! </li></ul></ul>
  19. 20. <ul><ul><li>http://www.facebook.com/developers adresinden Developer uygulaması yüklenir </li></ul></ul><ul><ul><li>Setup New Application butonuyla yeni bir uygulama oluşturulur </li></ul></ul>
  20. 21. <ul><ul><li>Gerekli alanlar doldurulur </li></ul></ul><ul><ul><ul><li>Uygulama adı </li></ul></ul></ul><ul><ul><ul><li>Callback Url Uygulamanın gerçek adresi (abc.com/lost) </li></ul></ul></ul><ul><ul><ul><li>Post-Remove Callback URL Kullanıcı uygulamayı kaldırınca ping’lenir </li></ul></ul></ul><ul><ul><ul><li>User Profiles Yeni profil sayfası ile ilgili ayarlar (tab, box, info, publisher) </li></ul></ul></ul><ul><ul><ul><li>Canvas Canvas Page Url: apps.facebook.com/uygulama_adı Render Method: FBML </li></ul></ul></ul><ul><ul><ul><li>Advanced Application Type: Web Sandbox Mode: Enable </li></ul></ul></ul>
  21. 22. <ul><ul><li>API Key ve Secret değerlerini not ediyoruz </li></ul></ul>
  22. 23. <ul><ul><li>Visual Studio 2008’de yeni bir Web Application oluşturup Facebook.dll ve Facebook.WebControls.dll’e referans veriyoruz </li></ul></ul>
  23. 24. <ul><li>http://developers.facebook.com </li></ul><ul><li>http://wiki.developers.facebook.com </li></ul><ul><li>http://www.codeplex.com/FacebookToolkit </li></ul>
  24. 25. <ul><li>http ://portakal.net </li></ul><ul><li>http://twitter.com/Portakal </li></ul><ul><li>http://friendfeed.com/portakal </li></ul><ul><li>[email_address] </li></ul>

×