1
00:00:00,330 --> 00:00:01,320
Hey, welcome back.

2
00:00:01,740 --> 00:00:07,310
This is a new app and this is one of my most favorite apps for this course.

3
00:00:07,320 --> 00:00:11,870
So in this video, I want to demonstrate you what the app looks like and what it does.

4
00:00:11,880 --> 00:00:16,720
So you know what you're going to build throughout the next videos.

5
00:00:16,740 --> 00:00:21,900
So one of the things you have learned so far is how to build web apps with stream leads.

6
00:00:22,050 --> 00:00:26,850
And you have also learned how to do data visualization inside Jupiter.

7
00:00:27,330 --> 00:00:35,610
Now, for this app, you're going to join these two skills together and build a so-called data web app

8
00:00:35,610 --> 00:00:36,990
or data app.

9
00:00:37,380 --> 00:00:45,780
So this here is a data app, and it's called a data app because it shows visualizations, as you'll

10
00:00:45,780 --> 00:00:46,830
see in just a bit.

11
00:00:46,830 --> 00:00:49,650
So let me demonstrate you what this app is about.

12
00:00:50,370 --> 00:00:56,250
So that's the page where the user access to the app and the user can type in a place here.

13
00:00:56,250 --> 00:00:59,130
It can be any town, any city on earth.

14
00:00:59,610 --> 00:01:01,230
Let's try something like Tirana.

15
00:01:02,760 --> 00:01:04,950
The user can press enter.

16
00:01:05,459 --> 00:01:16,440
And what you get is the graph with the temperature in the next one day, but the user can slide this

17
00:01:16,680 --> 00:01:19,260
and can have the temperature graph for two days.

18
00:01:22,700 --> 00:01:24,890
Up to five days.

19
00:01:29,340 --> 00:01:36,240
So you can see that in October the first the temperature will be at this point and then it goes up during

20
00:01:36,240 --> 00:01:39,840
the day, goes down October 12.

21
00:01:40,710 --> 00:01:42,390
October the second.

22
00:01:42,540 --> 00:01:46,490
That's around midnight, then goes up and so down.

23
00:01:46,500 --> 00:01:48,960
So that's for the next five days.

24
00:01:49,680 --> 00:01:53,550
We have the date and the temperature in degree Celsius.

25
00:01:55,690 --> 00:01:59,260
But the user can also see the sky.

26
00:01:59,290 --> 00:02:03,190
So if they press the sky in the dropdown menu here.

27
00:02:04,990 --> 00:02:06,490
They should see.

28
00:02:08,150 --> 00:02:12,380
The sky condition every 3 hours for multiple days.

29
00:02:12,380 --> 00:02:14,390
So that's four or five days, right?

30
00:02:14,420 --> 00:02:22,580
You can slide the slider and everything is interactive, so you can see that the sky condition is updated

31
00:02:22,580 --> 00:02:25,310
to show only the next three days.

32
00:02:26,410 --> 00:02:27,520
So there we go.

33
00:02:28,720 --> 00:02:34,240
If you change back to temperature, it updates to show the temperature for the next two days as you

34
00:02:34,240 --> 00:02:35,440
see the slider here.

35
00:02:36,380 --> 00:02:37,760
So that's the app.

36
00:02:37,940 --> 00:02:47,100
It's quite simple, but it is very interactive and it brings together the power of Python and streamline

37
00:02:47,110 --> 00:02:47,270
it.

38
00:02:47,270 --> 00:02:50,240
So we're going to use it to build this app.

39
00:02:50,450 --> 00:02:55,490
And as you can see, extremely it can be combined with plotting.

40
00:02:55,490 --> 00:02:58,700
So the plotting can interact with widgets.

41
00:02:58,700 --> 00:03:05,930
That means you can build many, many kinds of apps using these interactions, these widgets, these

42
00:03:05,930 --> 00:03:07,850
elements that Tremlett gives you.

43
00:03:07,850 --> 00:03:14,020
So without further adieu, I hope this is clear and let's start building the app in the next videos.

44
00:03:14,030 --> 00:03:14,630
See you there.

