3vision-Group.com l Consuting - Infographisme - Site Web - Marketing - Maintenance
Bienvenue sur le forum de l'agence 3vision-Group

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore en cliquant sur "s'inscrire".
Nous sommes un site de pro, notre spécial se résume sur tous les domaines.



Le forum officiel du site 3vision-Group.com
 
AccueilGalerieRechercherMembresGroupesCalendrierFAQS'enregistrerConnexion
Le site web 3vision-group.com vous met ce forum a votre disposition, c'est gratuit
Les nouveautés logiciels XnView Photo et graphisme XnView XnView est un logiciel permettant de convertir et visualiser des fichiers graphiques ! Where's My Head? iPhone Where's My Head? Where's My Head? est une application gratuite pour iPhone dans laquelle il vous faut résoudre des énigmes. MKVToolNix Vidéo MKVToolNix Un excellent logiciel dédié à l'édition de fichiers MKV. Grâce à lui, fusionner plusieurs vidéos, éditez les chapitres, supprimez ou ajouter des sous-titres... Et bien plus encore ! Google chrome : Nouvelle version navigateur sous licence libre qui dispose de nombreuses fonctionnalités visant l’Internet social Téléchargement sponsorisé Utilitaires Alcohol 120% Alcohol 120% permet de créer des fichiers images CD et DVD afin de les stocker sur un disque dur... Internet SpeedyFox SpeedyFox est un petit utilitaire gratuit compatible avec Windows et Max OS a pour but de rendre la navigation beaucoup plus rapide. Utilitaires SDVocal Ecoutez les textes disponibles à l'écran à l'aide de ce logiciel. Si vous avez des troubles de la vue, des problèmes de lecture, ou si vous en avez tout simplement assez d'être "scotché" à l'écran, voilà la solution ! Internet Skype Skype est le logiciel de référence de téléphonie sur IP (VoIP) permettant de passer des appels gratuitement ou à moindre frais partout dans le monde, à partir de votre ordinateur ou smartphone compatible. Photo et graphisme iSpy iSpy est un programme gratuit permettant d'enregistrer ou de détecter des mouvements ou des sons. Utilitaires Free Internet Eraser Internet Eraser est le programme parfait pour nettoyer vos traces de passages sur le net. Internet Maxthon Maxthon est un navigateur Web basé sur 2 moteurs de rendu de pages : Trident et Webkit. Il permet de naviguer via un système d’onglets et rend possible la personnalisation du navigateur à l’aide des nombreux skins proposés. Utilitaires Daemon Tools Lite Daemon Tools Lite vous permettra de créer des lecteurs virtuels sur votre ordinateur. Utilitaires RenMultiFiles Pro Outil pour renommer en série les noms des fichiers. Les logiciels recommandés pour les internautes Winrar Winrar µTorrent Avast! Antivirus Gratuit 7 edia player VLC media player DAEMON Tools Lite Internet Download Manager (IDM) Mozilla Firefox PhotoFiltre Malwarebytes' Anti-Malware Adobe Photoshop CS5.1 et CS6 Beta CCleaner Google Chrome Skype Hamachi Avira AntiVir Personal Free Antivirus Google Earth DirectX Adobe Reader (Acrobat) AVG AntiVirus Free Edition 2012 7-Zip Windows Movie Maker OpenOffice.org Audacity Audacity PDFCreator SuperCopier Mumble iTunes Nero 7 YouTube Video Downloader Windows Live Messenger 2011 Free YouTube to MP3 Converter Photoscape CamStudio Kaspersky Antivirus 2012 Flash Player 11 The Gimp eMule Glary Utilities RealPlayer 10 Microsoft .NET Framework Foxit Reader Everest Ultimate Jdownloader Windows XP Service Pack 3 Office 2003 flechePublicité A télécharger aujourd'hui Windows | Mac | Windows Mobile | Téléphone Mobile Windows : 5 logiciels à télécharger Samsung Kies Windows logiciel Windows Samsung Kies - 2.3 Samsung Kies : Gérez votre smartphone Samsung depuis votre PC ! télécharger The Cursed Windows logiciel Windows The Cursed - 1.182 Incarnez des "damnés" ou leurs ennemis dans ce jeu de stratégie en temps réel télécharger Sophos Virus Removal Tool Windows logiciel Windows Sophos Virus Removal Tool - 2.0.0.0 L'outil de suppression de virus gratuit et immédiat en version 2 ! télécharger Image Tuner Windows logiciel Windows Image Tuner - 3.0 Effectuer les modifications par lot les plus courantes sur ses photos en un clic télécharger Scarab Darkroom Windows logiciel Windows Scarab Darkroom - 1.0 beta build 92 Visualiser, convertir et éditer ses photos au format RAW télécharger Logiciels | Démos | Vidéos | Patchs Mises à jour logiciels Internet Explorer 8 télécharger Internet Explorer 9 télécharger Samsung Kies télécharger Samsung Kies télécharger Notepad++ télécharger Tiny USB Office télécharger FlashGot télécharger SmoothDraw télécharger System Explorer télécharger VSO Downloader télécharger Larousse. Dictionnaire Larousse complet sur Votre PC. Téléchargement gratuit!
ImageImage ImageImageImage
Le site coolcatcheforum avec services gratuits pour tous! Bonne humeur et convivialite sont les cléfs de se site! Petite annonces, entre aide, asstuces, conseils, rencontres, tout ce que vous avez besoin.. ici notre objectif est de satisfaire...
LE LOGICIEL DU JOUR ET LES DERNIERES MAJ .............. Home 1.2.2 Home 1.2.2 Logiciel Windows | Internet Utilitaire gratuit et en français permettant via votre webcam de surveiller à distance votre habitation, veiller sur un proche ou sur votre animal de compagnie... Freemake Video Converter 3.0.2.3 Freemake Video Converter 3.0.2.3 Utilitaire gratuit et en français permettant de convertir vos vidéos en AVI, MP4, WMV, MKV, SWF, FLV, 3GP, MPEG, DVD, Blu-ray, MP3, iPod, iPhone, PSP, Android, Nokia, BlackBerry... EASEUS Partition Master Home Edition 9.1.1 EASEUS Partition Master Home Edition 9.1.1 Utilitaire gratuit permettant de gérer vos partitions sur votre disque dur... Dexpot 1.5.16 Build 1853 Dexpot 1.5.16 Build 1853 Excellent utilitaire gratuit et en français permettant d'avoir plusieurs bureaux virtuels... OCCT 4.2.0 OCCT 4.2.0 Testez la stabilité de votre système grâce à cet utilitaire gratuit, en français et portable... LedRenommer 1.9.0 LedRenommer 1.9.0 Utilitaire gratuit et en français permettant de renommer automatiquement et en série un ensemble de fichiers en fonction de règles définies par l'utilisateur...
Vous avons optimiser le site alors plus d'inquiétude.. http://togopub.tk est est le meilleur site qui peut vous créer un site gratuitement.. alors soyez complet
Rechercher
 
 

Résultats par :
 
Rechercher Recherche avancée
Compteur Traffic global
Compteur Global
Derniers sujets
Ceux qui commencent le plus de sujets
Admin
 
civitch
 
Admin MAROUF
 
Actu sport
 
jouad
 
epousthouflante
 
Gaetan_29
 
Publier le site Voter pour coolcatcheforum

Partagez | 
 

 Créer une nouvelle application Facebook

Aller en bas 
AuteurMessage
Admin
Admin
Admin
avatar

coolcatche monnaie : 100059507
Votre Réputation : 0
Date d'inscription : 04/02/2012
Localisation : ADMINISTRATEUR DU SITE

MessageSujet: Créer une nouvelle application Facebook   Jeu 3 Mai - 12:15

Comment fonctionne une application Facebook ?



Commençons par un peu de théorie, et comprendre comment fonctionne une application Facebook.


Tout d'abord, le type d'application Facebook, il y'en a deux:


  • Application Facebook Canvas
  • Application Facebook iFrame



Application Facebook Canvas







Le premier type "Canvas" permet l'utilisation du langage Facebook, le FBML (et n'a rien avoir avec la balise HTML5 Canvas).


L'application est située sur vos serveurs, mais au lieu d'être
directement intégrée dans une iframe, Facebook va lire le résultat
HTML/FBML de vos pages et interpréter le code FBML présent pour le
remplacer (fb:name sera remplacé par le nom de l'utilisateur par
exemple).


La liste des tags FBML est assez longue, je vous laisse consulter la documentation officielle.



  • Avantages: Des widgets plus évolués grâce au FBML, identification simplifiée.
  • Inconvénients:
    L'interprétation du FBML prend plus de temps qu'une application iFrame,
    impossible d'utiliser des librairies Javascript comme jQuery.



Application Facebook iFrame







Dans une application en iFrame, votre site est intégré directement dans une iFrame dans le canevas de votre application.

Il n'interprète pas le FBML, mais il est possible d'utiliser du XFBML avec du Javascript.

Au lieu d'utiliser du FBML, il suffit d'utiliser l'API de Facebook
pour récupérer les noms de vos visiteurs, leurs infos ... s'ils ont
autorisé votre application à le faire !



  • Avantages: Meilleures performances, utilisation possible des frameworks JS.
  • Inconvénients:
    iFrame assez pénible (scrollbar parfois assez pénible si mal
    redimensionnée...), XFBML limité en nombre de widgets par rapport au
    FBML.



Pour notre application, nous choisirons le mode iFrame qui permet un
meilleur contrôle de l'application, de meilleures performances (si bien
optimisée) .


Globalement ce type est plus utilisé et conseillé, comme le montre ce billet
(d'où sont issus les schémas). A prendre avec des pincettes toutefois,
car il y'a eu pas mal de changement depuis que cet article a été écrit.


Mais la raison la plus importante du choix d'une application de type iFrame:



Facebook n'autorisera plus la création d'applications Canvas à partir du premier trimestre 2011. (Voir le calendrier)


Pour faire simple: comment ça marche une application Facebook iFrame ?

Et bien elle fonctionne comme un site classique que l'on va intégrer
dans une iFrame, dans une page spécifique de Facebook, votre canevas
(exemple: https://apps.facebook.com/sondages-amis/). La particularité de
ce site sera qu'il va utiliser directement l'API Facebook pour
fonctionner à l'intérieur du géant social !


C'est plus clair à présent ?





Créer et configurer l'application sur Facebook



Commençons maintenant la pratique. Nous allons déclarer notre nouvelle application sur Facebook.

Rendez-vous sur la page développeur Facebook, puis cliquez sur le bouton "Créer une application"





Entrez le nom de votre application Facebook:





Validez, entrez le captcha de sécurité puis vous devriez tomber sur la page de configuration de l'application Facebook:


Onglet "A propos de"







Si l'interface Facebook n'a pas changé depuis (ils ont une fâcheuse
tendance à changer les interfaces assez régulièrement...), cliquez sur
l'onglet "A propos de" et remplissez les champs:



  • Nom de l'application: Le nom que vous souhaitez donner à votre application, c'est aussi par ce nom qu'elle sera retrouvée dans l'annuaire.
  • Description: Un texte que vos utilisateurs pourront lire dans l'annuaire, leur liste d'applications etc.
  • Icône et Logo: Uploadez l'image qui va caractériser votre application.
  • Adresses électroniques: Remplissez les adresses électroniques de contact et d'assistance.
  • URL de votre politique de confidentialité:
    Une page de votre site où l'on pourra consulter les mentions légales et
    règles de confidentialité de votre application (Pensez à le faire, la
    team FB le vérifie quand vous commencez à avoir des utilisateurs !)
  • URL des conditions de service: Vos CGU ...



Si vous souhaitez travailler à plusieurs sur le développement de
l'application, vous pouvez ajouter un développeur en bas. Ce dernier
doit posséder un compte Facebook vérifié, il recevra une invitation:









Onglet "Site Internet"







Sur cet onglet, vous trouverez deux informations importantes:


  • Votre ID d'application
  • Votre clé secrète (A conserver précieusement)



Cette page ne nous concerne pas car nous n'aurons pas à utiliser Facebook Connect.



Onglet "Intégration à Facebook"







Comme son nom l'indique, c'est dans cet onglet que nous allons configurer l'intégration de notre application à Facebook.

Là encore, nous retrouvons nos identifiants d'application: Le client_id et le client_secret.



  • Page de Canevas: Il s'agit de l'URL qu'aura la page de votre application sur Facebook.
  • URL du Canevas: Entrez l'URL ou l'IP du serveur
    pointant sur votre application. Exemple: http://sondages.novaway.fr/
    (N'oubliez pas le slash / de fin)
  • Type de cadre de pages: Choisissez iFrame
  • Découverte sociale:
    Laissez activé, il s'agit d'un équivalent du Like, il publie un message
    sur le mur de l'utilisateur pour faire connaître l'application.
  • Onglets de page: Pas besoin pour le moment




Paramètres avancés







Et dans le dernier onglet, vous trouverez divers paramètres avancés comme:


  • URL appelée après retrait d’autorisation: L'url qui pointe vers votre application suivi de /unsubscribe.php (fichier que l'on créera par la suite)
  • Mode bac à sable:
    Activez le mode bac à sable pour que personne ne puisse accéder à votre
    application pendant son développement sauf les développeurs ajoutés
    (dans "A propos de").



Laissez le reste des paramètres avec leurs valeurs par défaut.


Enregistrez les modification ! Il se peut que vous ayez une erreur
si vous avez oublié un / à la fin d'une des URL ou si le nom de votre
canevas est déjà pris (Ça arrive souvent, c'est comme les domaines ...).





Voilà pour la configuration, maintenant testons !


Créez un fichier index.php à la racine de votre répertoire web (Celui sur lequel pointe l'URL renseignée dans "Page de Canevas".


Code html:



1.Hello les fermiers !
2.


3.
4.



Et voilà le résultat une fois que vous appelez votre application:












SDK PHP Facebook: Graph API



Facebook met à disposition plusieurs SDK permettant d'utiliser leur API.

Nous allons télécharger la classe PHP qui utilisera la Graph API Facebook.


Téléchargez le SDK PHP





Dans l'archive téléchargée, vous pouvez tout de suite extraire les deux fichiers dans le répertoire src:


  • facebook.php
  • fb_ca_chain_bundle.crt



Mettez les dans un dossier lib/ dans le répertoire de votre projet.


Dans l'archive, vous trouverez aussi un fichier d'exemple
d'utilisation et un fichier de test unitaire. Vous pouvez y jeter un œil
par curiosité, mais nous n'en aurons pas besoin.



Comment fonctionne la Graph API Facebook ?




Facebook dispose de deux types d'API, la OLD Rest API qui n'est plus à utiliser aujourd'hui (mais toujours présente pour les anciennes applications), et la Graph API, celle que nous utiliserons.


Rendez-vous sur la documentation de l'API que vous pouvez bookmarker au passage car vous allez y passer du temps Smile





Le principe est relativement simple, vous appelez une certaine URL
pour récupérer des données sur un utilisateur, un évènement, un groupe
...


Par exemple, si l'on veut récupérer les informations la page Fan Facebook de Coca cola, il nous suffit d'appeler l'URL: https://graph.facebook.com/cocacola


Code xml:



01.{
02."id": "40796308305",
03."name": "Coca-Cola",
04."picture": "http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs236.ash2/50516_40796308305_7651_s.jpg",
05."link": "https://www.facebook.com/coca-cola",
06."category": "Company",
07."website": "http://www.coca-cola.com",
08."username": "coca-cola",
09."products":
"Coca-Cola is the most popular and biggest-selling soft drink in
history, as well as the best-known product in the world.nnCreated in
Atlanta, Georgia, by Dr. John S. Pemberton, Coca-Cola was first offered
as a fountain beverage by mixing Coca-Cola syrup with carbonated water.
Coca-Cola was introduced in 1886, patented in 1887, registered as a
trademark in 1893 and by 1895 it was being sold in every state and
territory in the United States. In 1899, The Coca-Cola Company began
franchised bottling operations in the United States.nnCoca-Cola might
owe its origins to the United States, but its popularity has made it
truly universal. Today, you can find Coca-Cola in virtually every part
of the world.",
10."likes": 20896023
11.}


Nous obtenons un JSON que l'on pourra traiter ensuite.


Même chose, si l'on veut des infos sur une photo de Coca Cola, on appelle l'URL https://graph.facebook.com/98423808305, avec 98423808305 qui correspond à l'ID de la photo.





Si vous souhaitez récupérer l'avatar miniature d'un utilisateur, vous pouvez appeler:

https://graph.facebook.com/freelanceweb/picture ou freelanceweb correspond à l'ID ou le raccourci URL de l'utilisateur.


Vous saisissez un peu le principe ?


Le SDK PHP va nous permettre, via cURL d'appeler
toutes ces différente méthodes, de passer directement les tokens
d'identification, nécessaires pour certains appels comme la liste des
amis de telle ou telle personne ... Et le résultat JSON sera
automatiquement transformé en un tableau PHP traitable dans notre
application.





Voilà pour ce premier chapitre! Dans le prochain, nous définirons notre projet et commencerons la pratique.


Si vous souhaitez faire réaliser votre application Facebook, n'hésitez pas à faire une demande de devis auprès de http://www.novaway.fr/, spécialistes en développement Facebook.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://3vision-group.1fr1.net
 
Créer une nouvelle application Facebook
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Mon application facebook me redirige vers la page de mon site
» forumactif et créer application facebook
» Problème d'envoie de code pour l'application Facebook
» [Application facebook] Problème d'accès à l'aplication
» virus msn facebook

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
3vision-Group.com l Consuting - Infographisme - Site Web - Marketing - Maintenance :: TUTORIAUX-
Sauter vers: