1
00:00:00,000 --> 00:00:00,630


2
00:00:00,630 --> 00:00:02,910
SPEAKER 1: Let's mash things up.

3
00:00:02,910 --> 00:00:07,080
In mashup, we'll be making a web
app that uses the Google Maps API.

4
00:00:07,080 --> 00:00:12,570
On top of that map, we'll also parse
RSS feeds from Google News via Python

5
00:00:12,570 --> 00:00:17,580
and then return articles, links,
and titles to our web app via Ajax

6
00:00:17,580 --> 00:00:19,720
as JSON objects.

7
00:00:19,720 --> 00:00:24,200
So we're mashing a lot of
things up here, let's dive in.

8
00:00:24,200 --> 00:00:28,380
Before we write any code, we'll always
want to review the distribution code.

9
00:00:28,380 --> 00:00:31,700
And in this problem, the actual
amount of code that you yourself will

10
00:00:31,700 --> 00:00:34,220
be writing is actually quite minimal.

11
00:00:34,220 --> 00:00:36,260
But in order to write
any of that, it's going

12
00:00:36,260 --> 00:00:38,990
to be essential that you
understand the distribution code

13
00:00:38,990 --> 00:00:41,690
and how all of these different
markup languages and programming

14
00:00:41,690 --> 00:00:45,080
languages and everything, all
of these files, will interact.

15
00:00:45,080 --> 00:00:47,330
Once you're comfortable
with the distribution code,

16
00:00:47,330 --> 00:00:53,510
then we'll progress to mashup.db, where
we'll create and import a table to hold

17
00:00:53,510 --> 00:00:57,170
all of the placemarks for the US map.

18
00:00:57,170 --> 00:01:00,500
But you're welcome to use a
different country if you so choose.

19
00:01:00,500 --> 00:01:03,390
Just look in the spec
for how to do that.

20
00:01:03,390 --> 00:01:06,500
Then we'll move to
application.py in which

21
00:01:06,500 --> 00:01:09,500
we'll implement articles
and search, allowing users

22
00:01:09,500 --> 00:01:14,870
to search for articles based on
location and search for locations.

23
00:01:14,870 --> 00:01:16,610
Then we'll move to JavaScript.

24
00:01:16,610 --> 00:01:19,640
In scripts.js, we're
going to configure our map

25
00:01:19,640 --> 00:01:25,370
and allow ourselves to add markers
to the map and remove them.

26
00:01:25,370 --> 00:01:31,220
In this mashup, we'll be dealing with
SQL, HTML, RSS, JavaScript, Python,

27
00:01:31,220 --> 00:01:32,880
Ajax, jQuery, JSON.

28
00:01:32,880 --> 00:01:34,950
Phew, it's a long list.

29
00:01:34,950 --> 00:01:37,190
And in addition to
that, we'll be learning

30
00:01:37,190 --> 00:01:41,120
how to interact with the Google
Maps API, which in itself isn't

31
00:01:41,120 --> 00:01:44,690
a separate programming language but
rather an application programming

32
00:01:44,690 --> 00:01:48,110
interface which allows us
to use functions and review

33
00:01:48,110 --> 00:01:52,760
the documentation provided by
Google to interact with Google Maps

34
00:01:52,760 --> 00:01:55,130
and create markers and
other functionality

35
00:01:55,130 --> 00:01:57,790
that we'll need in this problem.

36
00:01:57,790 --> 00:02:00,069