Análisis de fbml<br />
¿Qué es FBML?<br />El FBML (FacebookMarkupLanguage) es el lenguaje de marcas de Facebook. Sirve para ayudar a construir ap...
¿en qué se basa?<br />Está basado en parte en un subconjunto de instrucciones del HTML para algunos aspectos visuales, per...
QUE SE NECESITA PARA CREAR UNA APLICACIÓN EN FBML<br />Una cuenta Facebook<br />Agregar la aplicación de desarrollador fac...
¿porqué necesitamos un servidor?<br />Un usuario entra a la aplicación, Facebook va a buscar la página de la aplicación a ...
RECURSOS PARA LOS DESARROLLADORES<br />Los recursos disponibles a los desarrolladores se agrupan en 3 categorías:<br />API...
Maquetación (FBML, “FaceboookMarkupLanguage”): es un lenguaje de markup similar a HTML que permite ser intercalado con el ...
QUE DEBE TENER UNA APLICACIÓN  EN FACEBOOK<br />Una aplicación en Facebook posee una compleja estructura que permite brind...
Canvas Page: es la página principal de la aplicación. <br />Home: esta página es accedida utilizando el panel de navegació...
Profile Box: presenta información actualizada sobre las acciones recientes del usuario. <br />ProfileActions Links: debajo...
Alerts: las aplicaciones pueden enviar notificaciones a los usuarios a través del correo electrónico. <br />MessageAttachm...
COMO COMENZAR A CREAR UNA APLICACIÓN<br />El primer paso consiste en agregar la aplicación “Developer“. Todo contenido que...
Luego debemos presionar el botón “Set Up New Application”: allí se nos preguntará el nombre de nuestra aplicación y clicke...
Elegimos:<br />La opción “Can yourapplicationbeaddedonFacebook?” para poder agregar nuestra aplicación. <br />La opción “W...
Ahora debemos agregar nuestra aplicación: para esto nos dirigimos a Developers y allí buscamos nuestra aplicación (en la b...
Al terminar de dar de alta nos va a mostrar un ejemplo para que probemos como se ve nuestra aplicación. Otra cuestión impo...
&lt;?php//acabusca en unos de los archivos de la Client Library que bajamos y hay que poner en el mismo directorio require...
Próxima SlideShare
Cargando en…5
×

AnáLisis De Fbml

1.896 visualizaciones

Publicado el

descripción del lenguaje fbml de facebook y pautas para la creación de una aplicación sencilla

Publicado en: Educación, Tecnología
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
1.896
En SlideShare
0
De insertados
0
Número de insertados
22
Acciones
Compartido
0
Descargas
32
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

AnáLisis De Fbml

  1. 1. Análisis de fbml<br />
  2. 2. ¿Qué es FBML?<br />El FBML (FacebookMarkupLanguage) es el lenguaje de marcas de Facebook. Sirve para ayudar a construir aplicaciones completamente integradas en el entorno de Facebook. Te permite acciones como acceder al perfil de los usuarios, mostrar sus fotos, integrar foros de comentarios, entre otros.<br />
  3. 3. ¿en qué se basa?<br />Está basado en parte en un subconjunto de instrucciones del HTML para algunos aspectos visuales, pero con el paso del tiempo, ha ido creciendo con más y más instrucciones que permiten interactuar con los datos almacenados en Facebook. Aún así, sigue siendo un lenguaje de marcas, si queremos desarrollar una aplicación para Facebook necesitaremos el apoyo de otro lenguaje de programación completo como por ejemplo PHP.<br />
  4. 4. QUE SE NECESITA PARA CREAR UNA APLICACIÓN EN FBML<br />Una cuenta Facebook<br />Agregar la aplicación de desarrollador facebook<br />Un servidor con soporte PHP <br />PHP Client (hay que subir a la raiz del servidor todos los archivos que digan &quot;facebook * .php&quot; que están dentro de la subcarpeta Php)<br />Lo más importante: UNA BUENA IDEA <br />hay que tener en cuenta que facebook no te brinda base de datos ni hosting<br />
  5. 5. ¿porqué necesitamos un servidor?<br />Un usuario entra a la aplicación, Facebook va a buscar la página de la aplicación a el servidor externo donde esta alojada, este servidor lee el php, lo ejecuta y le devuelve a Facebook el FBML, Facebook interpreta el FBML y le devuelve a nuestro explorador código HTML (+ complementos) para que nos muestre la pagina web.<br />
  6. 6. RECURSOS PARA LOS DESARROLLADORES<br />Los recursos disponibles a los desarrolladores se agrupan en 3 categorías:<br />API: es una interfaz basada en REST que permite el acceso a los datos del perfil, amigos, fotos y eventos del usuario mediante la utilización de mensajes GET o POST. <br />Consultas (FQL, “FacebookQueryLanguage”): es un lenguaje de consultas similar a SQL utilizado para acceder a los mismos datos que la API pero permitiendo consultas más complejas. <br />
  7. 7. Maquetación (FBML, “FaceboookMarkupLanguage”): es un lenguaje de markup similar a HTML que permite ser intercalado con el HTML a utilizar para integrar las aplicaciones a la experiencia de usuario Facebook. Utilizando FBML se pueden acceder distintos puntos de la red como ser el perfil, acciones del perfil, canvas y feeds. Este lenguaje también incluye soporte para AJAX y Javascript. <br />
  8. 8. QUE DEBE TENER UNA APLICACIÓN EN FACEBOOK<br />Una aplicación en Facebook posee una compleja estructura que permite brindar una experiencia de usuario completa:<br />ProductDirectory: cuando un usuario navega el directorio de aplicaciones de Facebook, por cada aplicación se muestra una pequeña sección con el nombre, una imagen y una pequeña descripción. <br />About: esta página muestra información general de la aplicación. Debe inducir al usuario a instalar la aplicación. <br />LeftNav: es el panel de navegación izquierdo. Las aplicaciones pueden tener su ícono y nombre en este panel. <br />
  9. 9. Canvas Page: es la página principal de la aplicación. <br />Home: esta página es accedida utilizando el panel de navegación de la izquierda, en general muestra información de los amigos del usuario. <br />UserDashboard: es la página donde el usuario administra sus datos en una aplicación y determina de que forma las aplicaciones acceden a sus datos personales. <br />Profile: es la representación online de la identidad del usuario. La API provee múltiples puntos de integración con el perfil del usuario permitiendo actualizar datos del mismo.<br />
  10. 10. Profile Box: presenta información actualizada sobre las acciones recientes del usuario. <br />ProfileActions Links: debajo de la foto del usuario en el perfil, se pueden agregar enlaces para invocar acciones en la aplicación. <br />PrivacySettings: se utiliza para definir los niveles de privacidad de los datos del perfil por aplicación. <br />News Feed: como su nombre lo indica es un “feed” de noticias, allí las aplicaciones pueden “publicar” información del usuario de la misma. <br />
  11. 11. Alerts: las aplicaciones pueden enviar notificaciones a los usuarios a través del correo electrónico. <br />MessageAttachments: las aplicaciones pueden incluir archivos adjuntos que aparecen en la ventana para componer mensajes. <br />Requests: las aplicaciones pueden crear peticiones que aparecen en la parte superior izquierda de la página principal. En general son iniciados por amigos que solicitan realizar alguna acción. <br />
  12. 12. COMO COMENZAR A CREAR UNA APLICACIÓN<br />El primer paso consiste en agregar la aplicación “Developer“. Todo contenido que se agrega a Facebook es una aplicación, es así que para desarrollarlas es necesaria una aplicación que las contenga.<br />
  13. 13. Luego debemos presionar el botón “Set Up New Application”: allí se nos preguntará el nombre de nuestra aplicación y clickeando en “OptionalFields” encontramos información necesaria para el desarrollo.<br />Colocamos en URL del servidor en donde se encuentra nuestra aplicación<br />CallbackURL = http://servidor/nombreaplicacion<br />Y el URL que crea facebook para la aplicación<br />Canvas Page URL = http://apps.facebook.com/nombredeaplicación/ <br />
  14. 14. Elegimos:<br />La opción “Can yourapplicationbeaddedonFacebook?” para poder agregar nuestra aplicación. <br />La opción “Who can addyourapplicationtotheirFacebookaccount?” marcamos Users y AllPages. <br />La opción “DeveloperMode”. <br />Por último hacemos click en “Save”<br />
  15. 15. Ahora debemos agregar nuestra aplicación: para esto nos dirigimos a Developers y allí buscamos nuestra aplicación (en la barra derecha) y hacemos un click en el nombre.<br /> Allí vemos un botón que dice “AddApplication” o “Set Up New Aplication”, lo apretamos y en la página siguiente hacemos lo mismo con “Add NOMBRE_DE_LA_APLICACION”.<br />
  16. 16. Al terminar de dar de alta nos va a mostrar un ejemplo para que probemos como se ve nuestra aplicación. Otra cuestión importante, son 2 claves que van a darnos (appapikey y appsecret), son a la hora de crear el objeto Facebook en el php, serán nuestra identificación. <br />
  17. 17. &lt;?php//acabusca en unos de los archivos de la Client Library que bajamos y hay que poner en el mismo directorio require_once &apos;facebook.php&apos;; // estas son las claves que te da facebook para cada aplicacion$appapikey = &apos;adsfdasfasdfasdfasdfasfdasdfasdfasd&apos;; $appsecret = &apos;asdfasdfasdfasdfasdfasdf&apos;; //crea el objeto facebook y hace la conexion con las claves $facebook = new Facebook($appapikey, $appsecret); //se guarda el id de usuario logueado$user_id = $facebook-&gt;require_login(); // Greetthecurrentlylogged-in user! //codigo FBML, mesclado con PHP, esta etiqueta muestra el nombre de usuario a travez del id que nos dio la api anteriormente echo &quot;&lt;p&gt;Hello, &lt;fb:nameuid=&quot;$user_id&quot; useyou=&quot;false&quot; /&gt;!&lt;/p&gt;&quot;; //aca el codigo puede continuar... echo &quot;&lt;/p&gt;&quot;; <br />

×