Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak
-
Upload
ozkan-altuner -
Category
Technology
-
view
1.940 -
download
3
description
Transcript of Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak
![Page 1: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/1.jpg)
.NET KULLANARAK FACEBOOK UYGULAMASI YAZMAK
Uygulama Anatomisi, Test UygulamaÖzkan AltunerSenior Developer, Orangeplus11 Ekim 2009
![Page 2: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/2.jpg)
Facebook Uygulamasının Anatomisi Uygulama Listesi (App Directory) Hakkında Taslak Sayfa (Canvas)
Kullanıcı kontrol paneli
![Page 3: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/3.jpg)
Facebook Uygulamasının Anatomisi Uygulama Listesi (App
Directory)Profil Profil kutusu Uygulamalar menüsü Yer imleri Uygulamalar sekmesi Kutular sekmesi Uygulama bilgi bölümleri Yayınlayıcı Besleme (Feed) formları
![Page 4: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/4.jpg)
Facebook Uygulamasının Anatomisi Gizlilik Ayarları Beslemeler (Feed) Bildiriler İstekler Kullanıcı etkileşimi
![Page 5: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/5.jpg)
Facebook Uygulamasının Anatomisi Uygulama Listesi (App Directory)
Bir çok kullanıcının uygulamaları bulduğu bölüm.
Uygulama ikon seçimi ve tanıtıcı metin önemli
![Page 6: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/6.jpg)
Facebook Uygulamasının Anatomisi Hakkında Sayfası
Uygulama Listesi’nden gelen kullanıcılara, uygulamanız hakkında bilgi verir
![Page 7: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/7.jpg)
Facebook Uygulamasının Anatomisi Taslak Sayfa
(Canvas) Uygulamanın ana
sayfası. Facebook çerçevesi içerisinde görüntülenir
FBML veya iFrame olabilir
![Page 8: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/8.jpg)
Facebook Uygulamasının Anatomisi FBML Canvas
Facebook stili FBML Hazır araçlar (arkadaş seçme, davet etme,
navigasyon vs)
http://apps.facebook.com/appname/
Hello
<fb:name/><fb:profile-pic/>
<html>…</html>
![Page 9: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/9.jpg)
Facebook Uygulamasının Anatomisi Kullanıcı Kontrol
Paneli Genellikle taslak
sayfanın üst bölümüne eklenir.
Kullanıcı ve uygulama etkileşimi, diğer sayfalara geçiş için navigasyon ögeleri içerir
![Page 10: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/10.jpg)
Facebook Uygulamasının Anatomisi Profil Kutusu
Kullanıcının, uygulamada yaptığı en son hareketine dair en güncel bilgi yer alır
![Page 11: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/11.jpg)
Facebook Uygulamasının Anatomisi Uygulamalar
Menüsü Uygulama
kısayolları yer alır
Yer imleri Uygulamalar
menüsünde bulunur
![Page 12: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/12.jpg)
Facebook Uygulamasının Anatomisi Uygulamalar
Sekmesi Taslak sayfası ile
profil kutusu bileşimi gibidir
Kullanıcıya uygulamanız ile profil sayfası üzerinde etkileşim sağlar
![Page 13: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/13.jpg)
Facebook Uygulamasının Anatomisi Kutular Sekmesi
Profil kutuları Kullanıcı isterse
kutunun yerini değiştirebilir
![Page 14: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/14.jpg)
Facebook Uygulamasının Anatomisi Uygulama Bilgi
Bölümleri Önceki (profil
sayfası) yapıya göre, kullanıcının daha yapısal bir şekilde bilgi görüntülemesine olanak verir
![Page 15: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/15.jpg)
Facebook Uygulamasının Anatomisi Yayınlayıcı
Facebook’un Yayınlayıcı’sına entegre olup, kullanıcının duvarına zengin içerik gönderilmesine olanak verir
![Page 16: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/16.jpg)
Facebook Uygulamasının Anatomisi Besleme (Feed)
Formları Özel FBML
bileşenleridir Kullanıcı adına Feed
gönderir
![Page 17: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/17.jpg)
Facebook Uygulamasının Anatomisi Gizlilik Ayarları
Uygulamaya ait izinler düzenlenir
Statü güncelleme, e-mail atma, fotoğraf ekleme vs gibi
Kullanıcı isterse uygulamanın profil kutuları, sekme ve bilgi bölümlerini de kaldırabilir
![Page 18: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/18.jpg)
Facebook Uygulamasının Anatomisi İkazlar (Alerts)
Uygulamanın e-mail yoluyla haberdar etmesi
Kullanıcının iznine bağlı Günlük e-mail gönderimi sınırlı API Method:
Notifications.SendEmail
![Page 19: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/19.jpg)
Facebook Uygulamasının Anatomisi İstekler (Requests)
News-feed yapısında bir kullanıma sahip
Uygulamadan gönderilen duyurular “Requests” alanında görüntülenir.
API Method: Notifications.Send
![Page 20: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/20.jpg)
Neden .NET?
UserControl çeşitliliği C#, VB.NET kullanımı VisualStudio gibi bir IDE LINQ desteği İyi dökümantasyon
![Page 21: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/21.jpg)
Nelere ihtiyacımız var?
Facebook hesabı Domain ve hosting Facebook Developer Toolkit
(http://www.codeplex.com/FacebookToolkit )
Visual Studio 2008 Harika bir fikir!
![Page 22: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/22.jpg)
Demo
Kod yazıyoruz
![Page 23: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/23.jpg)
Yardımcı kaynaklar
http://developers.facebook.com http://wiki.developers.facebook.com http://
www.codeplex.com/FacebookToolkit
![Page 24: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak](https://reader035.fdocument.pub/reader035/viewer/2022081505/55585f43d8b42a943b8b5287/html5/thumbnails/24.jpg)
Teşekkürler
http://portakal.net http://twitter.com/Portakal http://friendfeed.com/portakal [email protected]