1. Facebook Hacking

1.1. Are hackers not “evil”?

Facebook is run by hackers. Most people think of a hacker as someone who breaks into a computer system. But we see this as a philosophy. Here, hackers assume that there is always a better and more efficient way to solve problems. “. facebook.com/careers (2012)

1.2. Get Facebook profile picture

For this exercise we will use a Python interpreter called Brython. This includes a module called browser which, unlike previous exercises, will allow us to display a page with HTML elements (buttons, text boxes, titles, etc.), instead of just displaying prints in the console. In the following link you can find a guide to all the HTML elements that Brython supports: https://brython.info/static_doc/en/html.html

This exercise retrieves the profile picture based on the username of a public Facebook profile. Try it out for yourself!

RunResetLoad History

xxxxxxxxxx

# Finally, the show photo button with id="button_show" is instructed to execute the function get_photo.

 

1

from browser import document, html

2

​

3

# Two division sections are created with the DIV element.

4

# And separated by a line break with the BR element.

5

document <= html.DIV(id="div_text_boxes")

6

document <= html.BR()

7

document <= html.DIV(id='div_image')

8

​

9

# The H2 element creates a title, INPUT creates the text box and BUTTON creates a button.

10

# All of these are placed inside the division with id="div_text_boxes"

11

document['div_text_boxes'] <= html.H2("Enter a public Facebook user")

12

document['div_text_boxes'] <= html.INPUT(id="input_user", placeholder="ArianaGrande")

13

document['div_text_boxes'] <= html.BUTTON("Show photo",id="button_show")

14

​

15

# The function that will be assigned to the show photo button is created.

16

def get_photo(event):

17

    # The text that is written within the box with id="input_user" is taken with .value

18

    username = document["input_user"].value

19

    # The username is concatenated with the Facebook API link

20

    link = 'https://graph.facebook.com/' + username + '/picture?type=large'

21

    # An image with the source of the link constructed above is added using src

22

    # within the division of id ='div_image'

23

    document['div_image'] <= html.IMG(src=link, id="img_obtained")

24

​

Activity: 1.2.1 ActiveCode (ac_l45_1_en)

You have attempted 1 of 2 activities on this page