Top Banner
.NET KULLANARAK FACEBOOK UYGULAMASI YAZMAK Uygulama Anatomisi, Test Uygulama Özkan Altuner Senior Developer, Orangeplus 11 Ekim 2009
24

Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak

May 17, 2015

Download

Technology

Ozkan Altuner

Ozkan Altuner's presentation at Facebook Developer Garage Istanbul - 2009-10-11
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak

.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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Demo

Kod yazıyoruz

Page 23: Facebook Uygulama Anatomisi ve .NET Kullanarak Facebook Uygulamasi Yazmak

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

Teşekkürler

http://portakal.net http://twitter.com/Portakal http://friendfeed.com/portakal [email protected]