1. Facebook Hacking¶

1.1. ¿Los hackers no son “malvados”?¶

Facebook está dirigido por hackers. La mayoría de la gente piensa en un hacker como alguien que irrumpe en un sistema informático. Pero nosotros vemos esto como una filosofía. Aquí, los hackers asumen que siempre hay una forma mejor y más eficiente de resolver problemas “. facebook.com/careers (2012)

1.2. Obtener foto de perfil de Facebook¶

Para este ejercicio utilizaremos un intérprete de Python llamado Brython. Éste incluye un módulo llamado browser que, a diferencia de los ejercicios anteriores, nos permitirá mostrar una página con elementos HTML (botones, cajas de texto, títulos, etc.), en lugar de solo mostrar impresiones en consola. En el siguiente enlace puedes encontrar una guía de todos los elementos HTML que Brython soporta: https://brython.info/static_doc/en/html.html

Este ejercicio obtiene la foto de perfil según el nombre de usuario de un perfil público de Facebook. Pruébalo por tu propia cuenta!

from browser import document, html

# Se crean dos secciones de divisiones con el elemento DIV.
# Y se separan por un salto de linea con el elemento BR.
document <= html.DIV(id="div_cajas_texto")
document <= html.BR()
document <= html.DIV(id='div_imagen')

# El elemento H2 crea un título, INPUT crea la caja de texto y BUTTON crea un botón.
# Todos estos se ponen dentro de la división con id="div_cajas_texto"
document['div_cajas_texto'] <= html.H2("Ingrese un usuario de Facebook público")
document['div_cajas_texto'] <= html.INPUT(id="input_usuario", placeholder="ArianaGrande")
document['div_cajas_texto'] <= html.BUTTON("Mostrar foto",id="boton_mostrar")

# Se crea la función que se le asignará al botón de mostrar foto.
def obtener_foto(evento):
    # Se toma el texto que se escribe adentro de la caja con id="input_usuario" con .value
    nombre_usuario = document["input_usuario"].value
    # Se concatena el nombre de usuario con el enlace de la API de Facebook
    link = 'https://graph.facebook.com/' + nombre_usuario + '/picture?type=large'
    # Se agrega una imagen con fuente del link construido anteriormente mediante src
    # dentro de la división de id='div_imagen'
    document['div_imagen'] <= html.IMG(src=link, id="img_obtenida")

# Por último se le ordena al botón de id="boton_mostrar" que ejecute la función obtener_foto.
document["boton_mostrar"].bind("click", obtener_foto)