net kullanarak facebook uygulamasi gelistirmek

25
Facebook Platformu’na giriş/ İlk Facebook uygulamamızı yazıyoruz Özkan Altuner [email protected] Web Programcıları Platformu

Upload: ozkan-altuner

Post on 17-May-2015

5.358 views

Category:

Technology


0 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: NET Kullanarak Facebook Uygulamasi Gelistirmek

Facebook Platformu’na giriş/İlk Facebook uygulamamızı yazıyoruz

Özkan [email protected]

Web Programcıları Platformu

Page 2: NET Kullanarak Facebook Uygulamasi Gelistirmek
Page 3: NET Kullanarak Facebook Uygulamasi Gelistirmek

Facebook Platformu’na kısa bir bakışKütüphaneler (API’ler)Neden .NET?Bir Facebook uygulamasının

anatomisi İlk uygulamamızı yazıyoruzYardımcı kaynaklar

Page 4: NET Kullanarak Facebook Uygulamasi Gelistirmek

24 Mayıs 2007 tarihinde duyuruldu 3. parti uygulama geliştiricilerine

Facebook’la etkileşebilen uygulamalar yazmalarına olanak sağlıyor

REST benzeri bir arabirim kullanarak (HTTP GET/POST) iletişim sağlıyor

Çok çabuk değişkenlik gösteriyor (Yeni profil, status api vs)

Ortak kod paylaşımı çok az Herkes hemen hemen aynı şeyleri,

tekrar tekrar yapıyor

Page 5: NET Kullanarak Facebook Uygulamasi Gelistirmek

PHP (Resmi)PythonRuby .NETDiğerleri (ColdFusion, Perl, Java, C+

+)

Page 6: NET Kullanarak Facebook Uygulamasi Gelistirmek

UserControl çeşitliliğiC#, VB.NET kullanımıVisualStudio gibi bir IDELINQ desteği İyi dökümantasyon

Page 7: NET Kullanarak Facebook Uygulamasi Gelistirmek

Uygulama dizini Uygulamalar onaylandıktan sonra dizinde yer

alır. Tanıtıcı bir yazı ve ikon ile belirtilir

Page 8: NET Kullanarak Facebook Uygulamasi Gelistirmek

Hakkında sayfası (About Page) Uygulama

dizininden gelinen sayfa

Kullanıcıları cezbedici bilgilerin yer alması önemli

Page 9: NET Kullanarak Facebook Uygulamasi Gelistirmek

Uygulama (Canvas Page) Uygulama ana

sayfası Facebook çerçevesi

içerisinde yer alır FBML ya da iframe

kullanılarak hazırlanır*

Page 10: NET Kullanarak Facebook Uygulamasi Gelistirmek

Profil Sayfası Kullanıcının

Facebook’taki kimlik kartı

Kullanıcı hakkında en güncel bilgilerin ve gelişmelerin listelendiği sayfa

Page 11: NET Kullanarak Facebook Uygulamasi Gelistirmek

Profil Profile Boxes Applications Menu Bookmarks Applications Tabs Boxes Tab Application Info Sessions Publisher Feed Forms

Page 12: NET Kullanarak Facebook Uygulamasi Gelistirmek

Gizlilik Ayarları

Page 13: NET Kullanarak Facebook Uygulamasi Gelistirmek

Feed Forms Uygulamanın,

kullanıcının profil sayfasındaki “mini-feed”ine ve arkadaslarının “news-feed”ine yolladığı duyurulardır

Page 14: NET Kullanarak Facebook Uygulamasi Gelistirmek

News Feed Facebook’a login

olduğumuzda karşımıza çıkan ve arkadaşlarımızın ne yaptığını haberdar eden duyuru panosu

Her uygulamanın kullanıcı başına yayımlayabildiği duyuru sayısı limitli

Sağ alt köşede görünen kırmızı ünlemle kendini belli eder

Page 15: NET Kullanarak Facebook Uygulamasi Gelistirmek

İ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 16: NET Kullanarak Facebook Uygulamasi Gelistirmek

İ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 17: NET Kullanarak Facebook Uygulamasi Gelistirmek

FBML Canvas Facebook stili FBML Hazır araçlar (arkadaş seçme, davet etme,

navigasyon vs)

http://apps.facebook.com/patlatbihediye/ Ehem

<fb:name/><fb:profile-pic/>

<html>…</html>

Page 18: NET Kullanarak Facebook Uygulamasi Gelistirmek

Iframe Canvas Lokal debugging Yayınlanan içerikte esneklik

http://apps.facebook.com/patlatbihediye/ Ehem

<html>…</html>

Page 19: NET Kullanarak Facebook Uygulamasi Gelistirmek

İhtiyaçlar Facebook hesabı Domain ve hosting Facebook Developer Toolkit

(http://www.codeplex.com/FacebookToolkit )

Visual Studio 2008 Harika bir fikir!

Page 20: NET Kullanarak Facebook Uygulamasi Gelistirmek

http://www.facebook.com/developers adresinden Developer uygulaması yüklenir

Setup New Application butonuyla yeni bir uygulama oluşturulur

Page 21: NET Kullanarak Facebook Uygulamasi Gelistirmek

Gerekli alanlar doldurulur▪ Uygulama adı▪ Callback Url

Uygulamanın gerçek adresi (abc.com/lost)

▪ Post-Remove Callback URLKullanıcı uygulamayı kaldırınca ping’lenir

▪ User ProfilesYeni profil sayfası ile ilgili ayarlar (tab, box, info, publisher)

▪ CanvasCanvas Page Url: apps.facebook.com/uygulama_adıRender Method: FBML

▪ AdvancedApplication Type: WebSandbox Mode: Enable

Page 22: NET Kullanarak Facebook Uygulamasi Gelistirmek

API Key ve Secret değerlerini not ediyoruz

Page 23: NET Kullanarak Facebook Uygulamasi Gelistirmek

Visual Studio 2008’de yeni bir Web Application oluşturup Facebook.dll ve Facebook.WebControls.dll’e referans veriyoruz

Page 24: NET Kullanarak Facebook Uygulamasi Gelistirmek

http://developers.facebook.comhttp://wiki.developers.facebook.comhttp://www.codeplex.com/

FacebookToolkit

Page 25: NET Kullanarak Facebook Uygulamasi Gelistirmek

http://portakal.nethttp://twitter.com/Portakalhttp://friendfeed.com/[email protected]