sábado, 20 de julio de 2013

Aprende a publicar contenido de una web y añadir un comentario en Facebook con la API de Facebook javascript

7/20/2013

Hoy les enseño como publicar contenido de una web y añadir un comentario a la publicación esto es ideal para los webmaster que necesitan aumentar el trafico en sus sitios con la ayuda de facebook, en la publicación anterior que sugiero leerpublicar y borrar estados para entender el funcionamiento del método post en esa publicación vimos como otorgar los permisos y publicar un simple comentario y como borrarlo.

El métodoPost que nos proporciona la API tiene 28 parámetros que podemos utilizar para las publicaciones ,las cuales ahora solo necesitamos las siguientes:

message: el mensaje o comentario.
picture: la imagen(URL) de la publicación del sitio web.
icon: el icono(URL) que representa la publicación puede ser el logo del APP del webmaster.
link: la URL de la publicación que se hizo en el sitio web.
name: el nombre o titulo de la publicación del sitio web.
description: un resumen del contenido de la publicación.

Otorgando permisos
para este ejemplo solo necesitamos dospermisos los cuales son:

publish_stream: permite publicar contenido en el muro del usuario.
read_stream: permite leer las ultimas publicaciones en el muro del usuario.

Utilizando la API.
primero necesitamos crear el login y añadir los permisos para cuando el usuario realice sesión , una vez que la sesión sea exitosa y haya aceptado los permisos del APP , automáticamente se hará una publicación en el muro del usuario,

function login(){ FB.login(function(response) { if (response.status == 'connected') { publicar(); console.log('login exito'); } else { alert('Debes de Iniciar sesión,si no podras tener acceso'); } },{'scope': 'publish_stream,read_stream'}); }

Crear la Function Publicar
ya entendido que hace los parámetros que vamos a necesitar para publicar cualquier contenido en el muro del usuario creamos la function publicar llamando al API y añadiendo el metodo POST a el feed del usuario es decir le hago saber ala API que me otorgue acceso para publicar en el muro del usuario/me/feed (muro del usuario) ,post(publicacion).

function publicar(){ FB.api('/me/feed', 'post', { message: 'Geniaaal..!! ya puedo publicar con la API DE FACEBOOK ooohh SIIᕙ(`▽´)ᕗ,!', picture :'https://lh5.googleusercontent.com/-lEKhKIIiobo/UeqlGLHT0xI/AAAAAAAABP8/5FMS0IY3Ghk/s128-no/ima_128.png', icon:'http://lh5.googleusercontent.com/-YpHyKKZjhr0/UeqlPyqAImI/AAAAAAAABQY/a65TrOZrLQI/s16-no/ima_16.png', link : 'http://www.javaface-elblogdelprogramador.com/', name : 'JavaFace-elblogdelprogramador: aprende usar la api de facebook', description : 'Aprende como usar la API de facebook y sincroniza tu web con facebook!!' }, function(response) { if (!response || response.error) { console.log('ERROR AL PUBLICAR'); } else { console.log('publicado con exito'); comentar(response.id); } }); }
como podrá también tenemos una function que nos retorna una respuesta el response con esta variable de retorno sabremos si la publicación fue exitosa o no,también podemos llamar a cualquier parámetro que necesitemos en este caso necesito el ID del comentario o publicación que se acaba hacer con el fin de añadir un comentario.

Como publicar un comentario en lapublicaciónrealizada
para añadir un comentario en el publicación yo necesito saber el ID de esta publicación de esa manera el ID se lo daré al métodocomments es por eso que otorgamos el permiso deread_stream para poder leer las ultimas publicaciones .

 function comentar(ID) { FB.api('/'+ID+'/comments', 'POST', { message:"esta aplicacion esta buenisima ;) " }, function(response) { if (response && !response.error && response.id) { console.log('Nuevo Comentario id = '+response.id); } }); }
aqui tengo una function que recibe un valor que seria el ID de la publicación el métodocomments recibe este ID y por medio del parámetromessage añadiremos cualquier mensaje que necesitemos añadir en la publicación, y eso es todo en la siguiente publicación enseñare a como dar un like o un me gusta a cada comentario o publicación realizada les dejo el codigo fuente de los ejemplos explicados .



DESCARGAR



viernes, 19 de julio de 2013

Descargate y aprende a crear un minisite interactivo con Adobe CC

7/19/2013

Aprende a maquetar y añadir multimedia a una web con diseño fluido gracias al HTML5

Adobe Creative Cloud es inigualable para proyectos pequeños en los que los clientes piden muchos contenidos con poco presupuesto. En este ejemplo práctico de video2brain aprenderas a usarDreamweaver para crear un minisite conHTML5 y aprenderas el uso de Flash, Edge, Illustrator, Fireworks, Audition, Photoshop, Media Encore y Premiere Pro. Descubre por quéAdobe Creative Cloud es la solución perfecta para crear webs modernas, multimedia y que se adapten a diferentes navegadores.

Con Jorge González Villanuevate trae su curso Creación de un minisite interactivo con Adobe CC.

En este curso video2brain aprenderas a crear tu propio microsite en un flujo de trabajo real, con todos los problemas que eso conlleva, y con toda la restricción presupuestaria habitual. intentando que sea lo más compatible posible con dispositivos y pantallas de todo tipo, rehaciendo el diseño sobre la marcha por cambios pedidos por el cliente, y creando contenidos usando gran parte de los programas de la suite.


DESCARGAR



Descargate y aprende con este diplomado de windows Phone 8 (4 semanas)

7/19/2013

con este Curso aprenderás a crear tus propias aplicaciones para windows Phone 8, este material fue compartido porFernando Cuevas integrante del grupoI.R.P-LEGIONgrupo de programación de Facebook ,gracias a el ahora podrán aprender un sistema operativo para móviles.

Windows Phone 8 es la segunda generación del sistema operativo para móviles Windows Phone, desarrollado por Microsoftlanzada el29 de octubre de 2012.

Contenido del diplomado

Fundamentos de la plataforma de desarrollo para Windows Phone 8(Semana 1)
  • Modulo1-Introduccion-1
  • Modulo2-XAML-1,2,3,4,5,6(XAML)
  • Modulo3-MVVM-1,2(Patron de diseño Modelo vista controlador)
  • Ejercicio: Damas Chinas
Consumo de Datos (Semana 2)
  • Modulo 4 - Consumo de Datos
  • Modulo 5 - Almacenamiento Local 1,2
  • Modulo6 - Controles
  • Ejercicio: Crear una Guia de ciudad
Integración con el Teléfono(Semana 3)
  • Modulo 7 - Integración con el teléfono 1,2,3,4,5
  • Modulo 8 - Comunicaciones y redes
  • Modulo 9 - Agentes en segundo plano
  • Ejercicios: Foto Pantalla,Información del clima, Interprete Traductor
Mapas y servicio de Ubicación (semana 4)
  • Modulo 10 - Mapas y Servicios de Ubicación
  • Modulo 11 - Monetizando tu Aplicación
  • Modulo 12 - Windows Phone Store
  • Ejercicios: Información de aeropuertos nacionales,especificación de prototipo de aplicación,carrera de MVA de windows Phone 7


DESCARGAR



miércoles, 3 de julio de 2013

Descargarte Advanced Installer 10 FULL y crea tus propios instaladores en Java

7/03/2013


Advanced Installer simplifica el proceso de construcción de paquetes de Windows Installer, es muy fácil de usar , posee interfaz de alto nivel para la tecnología subyacente. El programa implementa todas las reglas de Windows Installer y sigue las mejores prácticas aconsejables.

Con esta sencilla interfaz, intuitiva, la construcción de un paquete de Windows Installer se llevará a tan sólo unos minutos. Inicie el programa, agregue unos pocos archivos, cambiar el nombre, pulse el botón Generar y ya está. No hay secuencias de comandos para aprender,

Con la intuitiva interfaz de Advanced Installer se puede agregar fácilmente a su paquete de instalación de todos los recursos que su software requiere:
  • Archivos, carpetas y accesos directos (a los archivos instalados, los archivos existentes o URL)
  • Las claves de registro y entradas
  • Variables de entorno (que puede reemplazar o ser añadido a las variables existentes como PATH)
  • Entradas del archivo INI
  • Controladores ODBC, fuentes de datos y traductores
Si tienes módulos de combinación para sus componentes, pueden ser también añadidos a la instalación. A continuación, puede registrar estos recursos según sea necesario:
  • . NET y Win32 asambleas
  • Servicios
  • Asociaciones de archivos, tipos MIME
  • Permisos de archivos, carpetas, claves de registro y entradas
puede crear sus aplicaciones java con Advanced Installer solo ve el tutorialir al tutorial.

DESCARGAR

lunes, 1 de julio de 2013

Como publicar y borrar un estado con la Api de Facebook en javascript facil y rapido

7/01/2013

Después de haber creado nuestra APP vamos a comenzar a codificar en javascript y hacer nuestros primeros ejemplos con esta API.

Como Publicar un Estado en Facebook?
facebook nos otorga una gran documentación para empaparnos del API y como utilizarla para trabajar del lado del cliente ,pero antes de trabajar debemos de instalar el API SDK JavaScript.

1) Instalar API
es muy sencilla su instalacion dentro de su pagina web busque la etiqueta de aperturabody despues de esta etiqueta pegue lo siguiente

script src='http://connect.facebook.net/en_US/all.js'/
div id='fb-root'/
script
 //![CDATA[

   FB.init({
      appId  : APP_ID,
      status : true,
      cookie : true,
      xfbml  : true
    });

  //
/script


el parámetro appId es la variable que recibe el ID de nuestra aplicación.


2) Otorgar los permisos atravésdel Login
una parte muy importante para tener acceso a ciertos datos del usuario y como interacturar con dichos datos debemos de otorgar o hacerle saber al usuario que necesita nuestra aplicación tener acceso, para esto facebook nos proporciona una lista de permisos y para que sirven cada uno enPermisos, el permiso que vamos a utilizar por ahora sera el depublish_stream tener acceso para publicar en el muro del usuario yread_stream tener acceso a todo lo que se ha publicado en el muro.

Como crear un login o como logearse con la API?
El SDK JSFB.login lo que hace es abrir una ventana modal esta venta solo se debe de abrir a través de un evento click hecho por el usuario de lo contrario si lo llamamos de otra forma hará que los navegadores bloqueen la ventana

function login(){

  FB.login(function(response) {
        if (response.status == 'connected') {
   
            publicar();
        } 
        else {
           alert('Debes de Iniciar sesión,si no podras tener acceso');
        }
    
    },{'scope': 'publish_stream,read_stream'});
}


aqui creamos una función javascript para llamar al login como podrán ver es una función muy sencilla donde FB.login nos proporciona una variable de retorno donde podemos comprar si el usuario se logeo o no la cual esresponsey ademas podemos anteponer por medio del parámetroscope los permisos que necesitamos hecho esto al hacer login(sesion) el usuario se le mostrara una venta con los permisos.

el usuario deberá de aceptar los permisos que se le muestra una vez hecho esto podemos tener acceso y seguir.

3) Publicar en el Muro
para publicar estados solo necesitamos hacerle saber ala API dos parámetros "/me/feed" y "post" donde post sera una publicación y "me/feed" en mi espacio o en mi muro ,post tiene hereda varios parámetros hoy solo vamos a trabajar con dosmessage : me permite añadir un texto o un mensaje ,icon:me permite cambiar el icono del estado.

function publicar(){
          FB.api('/me/feed', 'post', { 
              message: jQuery('#area_estado').val(),
              icon:'http://lh3.googleusercontent.com/-t2qtkggIfx4/UcMIo3P8Y3I/AAAAAAAABBA/H_dDZyn3d-I/s75-no/75_ima.jpg',
  
                }, function(response) {
                if (!response || response.error) {

                     Consola('Error al publicar');

                } else {

                    Consola('Estado Acualizado');
                     id_publicacion=response.id;
                    
                }
           });
     }


aquí creamos otra function javascript donde añadimos los valoresmessage tiene el valor extraído de un textarea con jQuery que seria nuestro texto el mensaje, yicon: recibe la URL o ruta de una imagen. de esta forma podemos realizar una publicación sencilla.

4) Borrar la Publicación
facebook también nos proporciona una forma de como borrar las publicaciones igual de sencilla solo debemos de obtener el ID de la publicación que se va a borrar y por medio de "delete" procedemos a borrarla.

function borrar_estado(ID)
  {
      FB.api(ID, 'delete', function(response) {
        if (!response || response.error) {

         Consola('ERROR AL BORRAR ESTADO');

        } else {

           Consola('ESTADO BORRADO');

        }
      });

  }


igual como los anteriores hemos creado una función javascript la cual esta recibe una variable ID que seria el ID de la publicación yFB.api recibirá este ID y procederá a la eliminación de la publicación.


este es uno de varios tutoriales que veremos sobre el manejo de la API de facebook les dejo el código fuente de una plantilla en blogger donde se encuentra todos los códigos explicados

DESCARGAR


Creación de una aplicación de Facebook (Api de Facebook)

7/01/2013
Desde hoy voy a enseñarles todo lo que se sobre el Api de facebook en javascript y todo lo que podemos hacer con esta API ,facebook da una pagina completa donde podremos empaparnos sobre su API ya sea en PHP o JS o para dispositivos móviles pero primero vamos a crear nuestro APP con el que tendremos acceso a facebook por medio de un usuario

Como Crear una APP de Facebook?
primero tomen una media de seguridad creen otra cuenta de facebook por si algún momento llegaran a incumplir una norma de facebook y este les bloquee la cuenta la cual sera la que crearon y no su cuenta personal. les digo esto por que ami me bloquearon la cuenta de JavaFace-Programadory aun no se si llegare a recuperarla.

1) Registrarse en Developers Facebook

Una vez logeados en su Segunda Cuenta nos dirigimos adevelopers facebook dentro de esta pagina nos aparecerá un botón Register Now



al hacer click en este Boton nos aparecerá un ventana modal donde deberemos aceptar las políticas y términos de facebook paracontinuar


una vez hecho click encontinuar facebook nos pedirá un numero de movil o teléfono celular esto es para que nos envíen un código de confirmación el cual deberemos de escribir para continuar (el código que les llega no lo borren ese código nos servirá para otros tutoriales como integración de facebook en aplicaciones java,que muy pronto enseñare)


el código de confirmación demora un poco en llegar si este no les llegara traten de utilizar otro numero de movil sin ese código no podemos tener acceso ni crear nuestra APP, después de que nos envían el código por un SMS(mensaje de texto) pueden seguir los otros pasos sin ninguna dificultad.

2) Crear la APP
después de habernos registrado ,crearemos el APP nos dirigimos ala opción de Menu APPS

luego nos aparece los botones para editar y crear una app

vamos a seleccionar el botónCrear una nuevaaplicación , luego nos aparece una ventana donde nos pedirá el App Name el nombre de nuestra app yApp Namespace el nombre que tendrá la dirección o la URL de la app esta debe de ser en minúsculas. luegoAdd Categoryes la categoría que pertenece la APP escojan la opción comunicación, pero por que comunicación? la app no sera una aplicación que se visualice dentro de facebook si no que crearemos una conexión de una pagina web a facebook solo seria un intermediario que no hace llegar a facebook.

si todo esta bien deben de tener elApp Name en estado Valid(valido) yApp Namespace en estado Disponible , click en continuar y luego les aparecerá el panel de configuración de su APP

esta parte podremos observar los elApp ID oAPI key , la cual es el ID o numero único de nuestra aplicación con ese ID es el que vamos a trabajar y poder comunicarnos con facebook.

3) Configurar el APPreciénCreada
dentro del panel de configuración realizamos clic en el botónEdit APP , luego veremos la información básica de nuestra app.

en la opción o casilla App Domains: deben de colocar el dominio que tiene su pagina en este caso yo voy a utilizar Blogger para realizar los ejemplos , por que blogger? me resulta mas rápido y fácil integrar que buscar un host gratuito para luego esperar que me activen la cuenta y después comenzar a subir los archivos al host con filezilla (me da pereza) prefiero blogger mucho mas rápido entonces debería de colocarblogspot.com. luego la opciónSandbox Mode debe de estar desactivada ,pero por que en estado desactivado? de esta forma estará invisible la app para terceras personas solo esta visible para el desarrollador.

Integración de tu aplicación con Facebook


URL del sitio en esta casilla deberemos de colocar la ruta o el nombre de nuestra pagina luegoGuarden los cambios y asta ay tenemos la configuración básica de facebook y podemos trabajar.

App Details(detalles de laaplicación)
en las opciones de lado izquierdo seleccionamos la opción App Details aquí editaremos los detalles de la aplicación

ElEslogan ,Descripción,Descripcióndetallada esas tres casillas deberán de ser editadas luego vamos a la casillaURL de la política de privacidad
aquí se deberá de colocar la ruta o URL de las políticas que tengan para su APP esto deberán de colocarlo si no lo hacen facebook en unos días les enviara un mensaje diciendo que debe de configurar su app añadiendo las políticas (pueden dejar en blanco la pagina de las políticas lo que facebook le interesa es la ruta).

Añadir los Logos de laAplicación
mas abajo deinformación de contacto están las opciones para añadir los iconos a la aplicación solo deberán añadir Primay Icon yAdditional Icon los demás ya es a su elección.

con todas estas indicaciones podremos crear una APP estable en facebook lo demás ya seria programar con la API de JavaScript que sera en la otra entrada donde aprenderemos como actualizar nuestros estados y publicar contenido de una web en el muro .














Suscribirse a: Entradas (Atom)