jueves, 25 de julio de 2013

Compartir(Share Dialog ) contenido de una web por el usuario y añadir un comentario y un like a cada uno con la API de Facebook js

7/25/2013

ya hemos visto comopublicar contenido de una web y añadir un comentario y un like o gusto a cada uno,pero también exista otra forma de compartir contenido esto ya lo hace el usuario si le ha gustado un determinado articulo y desea compartirlo en su muro esto se lo hace con unShare Dialog que es solo una ventana modal con un contenido y un área de texto donde el usuario podrá colocar el mensaje que el desee.

Pero como llamo o utilizo el Share Dialog?
asta ahora hemos usado el API de Facebook en si FB.api pero también podemos hacer uso de la UI del SDK de Facebook la UI nos sirve para llamar métodos genéricos o cuadros de diálogos los cuales facebook nos proporciona los siguientes:

  • Feed Dialog: permite al usuario compartir o crear una noticia en su muro.
  • OAuth Dialog:permite al usuario autorizar una aplicación como parte de un flujo de autenticación.
  • Add Page Tab Dialog : permite al usuario añadir una aplicación a una página de Facebook que se administra.
  • Friends Dialog:permite a un usuario enviar una solicitud de amistad a otro usuario.
  • Pay Dialog:permite a un usuario realizar una compra a través de Facebook Credits.
  • Requests Dialog:permite a un usuario enviar una solicitud para uno o más de sus amigos.
  • Send Dialog:permite al usuario enviar un mensaje de Facebook a uno o varios de sus amigos.
de todos estos vamos a utilizar elFeed Dialog este modal nos permite añadir de igual forma contenido con los parámetros correspondientes utilizando elmetodo Feed.

Parámetros que vamos a utilizar:
  • name:el titulo que hace referencia el articulo
  • link: el vinculo o URL del articulo
  • picture: URL de la imagen que corresponde al articulo
  • caption: una pequeña descripción o resumen del articulo.


function compartir() { FB.ui( { method: 'feed', name: 'JavaFace-elblogdelprogramador: aprende usar la api de facebook', link: 'http://www.javaface-elblogdelprogramador.com/', picture: 'https://lh5.googleusercontent.com/-lEKhKIIiobo/UeqlGLHT0xI/AAAAAAAABP8/5FMS0IY3Ghk/s128-no/ima_128.png', caption: 'Aprende como usar la API de facebook y sincroniza tu web con facebook!!' }, function( response ) { if (!response || response.error){ console.log('error al compartir'); } else { creaLike(response.post_id); comentar(response.post_id); alert('Gracias por compartilo tu haces que otros tambien aprendan :)'); } }); }

También podemos hacer uso de los métodos/comments y/likes para añadir comentario y likes solo tenemos que indicar el ID de la publicación con el parámetropost_id , es decir utilizando elresponse.post_id, nos retornara el ID de la publicacion.

les dejo el código completo mas los códigos de comentario y like.


DESCARGAR




Publicar contenido de una web y añadir un comentario y añadir un like o me gusta a cada uno con la API de Facebook JS

7/25/2013

Anteriormente vimos comopublicar contenido de una web y añadir un comentario a esa publicacion, hoy les enseño como añadir un like o un me gusta a cada uno ya sea para la publicación o para el comentario todo de una manera facil y sencilla.

Como lo hacemos?
Facebook nos permite añadir cualquier contenido en el muro del usuario, y manipular ese contenido obviamente con los respectivos permisos ,para añadir unlike o un gusto a una publicación en el muro del usuario existe el metodo/likesel cual solo necesita el permisopublish_stream y ninguno otro mas es tan sencillo que tampoco necesitamos uso de parámetros solo con crear la función y indicarle el ID del comentario del cual se va añadir un like a la API eso es todo.

function creaLike(id){ FB.api('/'+id+'/likes', 'POST',function(response){ if (response && !response.error && response.id) { console.log('Nuevo Gusto id = '+response.id); } }); }

Solo se necesita colocar la funcióncreaLike(response.id) dentro del condicional verdadero, añadiendo el response.id que nos retornara el ID del comentario donde vamos añadir un like o un gusto.

les código completo con los anteriores códigos,


DESCARGAR










lunes, 22 de julio de 2013

Descargate y aprende a como crear paginas web con Adobe Dreamweaver CC

7/22/2013


Dreamweaver es desde hace años un referente en la creación de contenidos para la web. Su principal punto fuerte es la posibilidad de creación de contenidos HTML para desarrolladores de todos los niveles: desde el más novel, gracias a su forma visual de añadir los contenidos, hasta a programadores experimentados, gracias a todas sus herramientas de ayuda a la creación de código. Este curso video2brain aprenderas los conceptos básicos para comenzar a trabajar con texto e imágenes en un sitio web usando las capacidades de Adobe Dreamweaver CC.

Jorge González Villanueva te presenta sucurso Dreamweaver CC 1:Creación sencilla de sitios web. Gestiona un sitio web y añade textos e imágenes.

aprenderas las tareas más básicas: cómo está organizado el entorno de trabajo y dónde podremos encontrar cada elemento en el espacio de trabajo.

Dreamweaver no es solo un editor HTML: también permite trabajar con toda la estructura del sitio, así que simplifica las tareas de organización de archivos, conexión mediante FTP, etc.
El siguiente paso va a ser aprender los fundamentos del HTML y lo haremos desde el programa, usando sus etiquetas semánticas HTML y así aprenderemos a la vez lo básico de programación, usando las herramientas visuales de Dreamweaver.

tambien aprenderas a crear contenidos de texto, añadir imágenes a la página y conocerás las opciones que te ofrece Dreamweaver para crear estos tipos de contenido.



DESCARGAR

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



Suscribirse a: Entradas (Atom)