Webmaker and MozEdu - Mozilla in the education and the code
This is a modal window.
The media could not be loaded, either because the server or network failed or because the format is not supported.
Formal Metadata
| Title |
| |
| Subtitle |
| |
| Title of Series | ||
| Number of Parts | 199 | |
| Author | ||
| License | CC Attribution 2.0 Belgium: You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor. | |
| Identifiers | 10.5446/32658 (DOI) | |
| Publisher | ||
| Release Date | ||
| Language |
Content Metadata
| Subject Area | ||
| Genre | ||
| Abstract |
|
FOSDEM 201426 / 199
2
3
10
11
12
13
14
17
18
19
23
24
25
27
29
45
46
47
48
49
50
51
52
55
56
57
58
65
67
68
70
72
74
75
76
77
78
79
81
82
84
86
87
89
90
93
94
100
101
102
103
104
106
107
109
110
111
112
113
114
115
119
122
123
124
126
127
128
129
137
139
141
143
145
147
150
154
155
158
161
163
164
165
166
168
171
174
175
176
179
182
183
185
188
190
191
192
194
195
196
00:00
GodBitNatural numberGeneric programmingSimilarity (geometry)Social classMultiplication signAdventure gameCellular automatonComputer scienceWeb 2.0FamilyMereologyNeuroinformatikEndliche ModelltheorieSoftwareAsynchronous Transfer ModeCodeInternetworkingRepetitionArithmetic meanSymbol tableSpeech synthesisTable (information)Execution unit1 (number)WindowProjective planeWeb pageCore dumpPower (physics)Moment <Mathematik>Presentation of a groupWeb browserWordEmailAddress spaceText editorLecture/Conference
07:26
Content (media)TouchscreenProjective planeBitSpeech synthesisWeb pageExistenceLevel (video gaming)CompilerDampingField (computer science)CodeVideoconferencingWeb 2.0Integrated development environmentNeuroinformatikStudent's t-testMusical ensembleControl flowHypermediaGoodness of fitCuboidElement (mathematics)Formal languageMathematicsSampling (statistics)Line (geometry)Limit (category theory)Link (knot theory)Normal (geometry)DataflowVideo gamePrice indexPoint (geometry)AverageMereologyOverlay-NetzShared memoryMappingService (economics)Server (computing)Interface (computing)Category of beingInternetworkingLecture/Conference
14:53
Information privacyMereologyRight angleParticle systemArmMedical imagingTensorVideo game consoleElement (mathematics)Projective planeSlide ruleAreaPresentation of a groupWeightMathematicsWordWebsiteState of matterInternetworkingVarianceBitEndliche ModelltheorieSystem callSoftware development kitCountingStudent's t-testWeb pagePrincipal idealEvent horizonCodeNeuroinformatikSymbol tableRule of inferenceTablet computerLecture/Conference
22:19
Point (geometry)RepetitionMedical imagingStudent's t-testWeb 2.0Level (video gaming)Fitness functionCodeFormal languageProjective planeOrder (biology)WebsiteSoftware developerEvent horizonWordSlide ruleProduct (business)System callElectronic data interchangeSineComputer animationLecture/Conference
25:13
Projective planeCASE <Informatik>Data managementMultiplication sign
27:05
Web-DesignerHypermediaMultilaterationNumberWeb 2.0Software developerMobile appMultiplication signProjective planeSet (mathematics)Computer-assisted translationLattice (group)Computing platformForcing (mathematics)Discrete element methodSoftware bugRepetitionLecture/Conference
Transcript: English(auto-generated)
00:01
So, we will have only one day this year, as you may know, but I can promise you that it's going to be an amazing day. Because you'll learn a lot of things, discover a lot our last tools, and of course, you will be able to ask all your questions, and I'm sure you have a lot of.
00:21
So we are here for you, we are there to share our love for Mozilla and for Floss with you. This year there's a kind of topic that will pervade that day, that is Mozilla for everybody. Mozilla is truly existing for everybody if you're technical or not, like me, I'm not
00:43
technical at all. So you will see and we will show you that everybody can reach Mozilla. That's why we've decided to introduce that day with something very important for us, which is that we deeply believe in the education as part of our role.
01:02
So to begin this amazing day, let's listen to Eduardo and Flor. But before, just a word about Ashishur, who was supposed to do that talk with Eduardo. Ashishur is one of our contributors in Bangladesh, and unfortunately he didn't receive
01:21
his visa. So just please have a thought for Ashishur, because we would have him with us today. So first, we have Flor. Flor is contributing to Mozilla for a long time, 10 years.
01:44
She is one of the creators of the French community. She is a Mozilla reps now, and one of the leaders of Wumos, and she is also a web maker ambassador. Well, maybe it's due to the fact that she has two lovely children.
02:01
She is already teaching them what floss is and how to code. Yeah, of course. And then you will listen to Eduardo. Eduardo is also a Mozilla reps. He is the founding member of the Mozilla Paraguay community and is part of Mozilla Español. He is a software engineer, and walking across Paraguay and surrounding countries to give
02:25
lectures on free software made him become very comfortable with speaking in public. So you will discover it. They will present web maker and Moz Edu, which Eduardo is doing a lot in his country.
02:40
This is a fantastic adventure, and I'm sure you will love to discover it. So please welcome Eduardo and Flor. Okay, so I'm going to present to you web maker, Mozilla web maker. So first thing, why web maker?
03:04
Why did Mozilla bother to make web maker? You know, the first thing that we really want the public, general people to know that the web is not a TV. Perhaps that's what big firms want to turn it into a TV, but we do not want.
03:26
So we think we believe that everyone can be a web maker when they are presented with simple and reliable tools. And that's what web maker is. And web maker is about learning by making.
03:44
You know, I think that most of you in this room, perhaps a few of you are coders. And we know that you learn code by reading books and so, but you can also learn code by looking code written by other people.
04:03
How did they do this? Oh yes, it looks, really it looks nice. I should do that. And one of the mission of Mozilla is build the internet the world needs.
04:20
And if I ask you what is internet the world needs, but probably you will answer that it needs an open internet. Okay, but what does it really mean open? It means that it should be knowable, that we should know the web.
04:42
Of course, it should be interoperable because we are using internet on computers, on tablets, on phones, sometimes on TV or a lot of devices. And we should have the same experiences on every device, okay?
05:02
And it should be, the internet should be ours. We should make it ours. So how could we do this? Well, for making the internet knowable, we should know more about the internet, okay?
05:21
We should do more, okay? And probably the most important part is do better. Okay, I think in this room probably we all know what it means to do this, but it's important that non-geek people know about this.
05:43
So this is why we build WebMaker, because everybody should be able to make something on the internet. And how are we going to bring this? Okay, WebMaker, what is it WebMaker?
06:02
It's web-based, there's nothing to install, okay? It's basically a website, so you can access it from everywhere, from every computer connected to the internet, which runs Windows or Linux or Mac OS, okay?
06:23
It's compatible with all modern browsers. So you don't have to tell people, okay, you must install this on your computer, or you should use only this browser because it's only compatible. People can use WebMaker with everything, okay?
06:42
And it's only login with Mozilla persona. So basically, a simple email address is needed, and to save and share your projects. Okay, I won't talk to you about Mozilla persona because there's a talk at 1 p.m.
07:04
in this room about Mozilla persona, and you will learn everything you need on this. Okay, so the WebMaker tools, first, they are simple, an HTML editor. You can see there's a code, and there's a preview of the web page.
07:25
Okay, I'm sure you all know what the HTML editor is. I know that you know you use your preferred HTML editor, be it VI or something else. Okay, but that's for normal people, average people.
07:44
So they can just see whatever they change in this part of the screen, it's immediately visible in the preview. So you just change the link to this picture. It's in this part, and you can see it.
08:01
You just change bit by bit, a little bit, something, and you immediately saw. You see the changing. The point is that HTML5 CSS3 compliant, it's a good code. So it's like you begin to code, you change one bit to see what it makes,
08:28
and that's what we call learning by making. Okay, that's pure HTML code. There's also Popcorn Maker, that's all about video.
08:41
Okay, that's video making. You have three parts. You have a preview part, like in Timbal. You have timelines, layers, and events, and element properties. So it's a bit of a wizzy wig, and you can make your own video clip
09:09
by taking videos from YouTube, Vimeo, or music from SoundCloud, and remix everything with pictures from any website, of course,
09:22
or your own computer. Maps from Google Maps, bubble, pop-ups, Wikipedia pages can be integrated in the video. And there's also the X-ray goggles. If I can just switch to app, yeah.
09:48
So you see, I activated the X-ray goggles on this page. So you can see as I move the pointer, there's a colored overlay on every element of the HTML code.
10:07
And I can, I hope, okay, I click, I hope I have a, not sure if I have enough Wi-Fi for this, but that's it.
10:22
You would see the code of the element. You can change this and publish it. Okay, I know you could tell me, okay, I can do this using the web dev tools of Firefox. Of course, we can do this, but I'm not sure.
10:43
Everyone using Mozilla Firefox knows the dev tools and would use this without being afraid. Okay, so that's a simple tool. Okay, it doesn't work. I'm sorry. Okay, so you could see the code here.
11:04
Okay, so remix is a keyword of this. You have to keep in mind that web maker tools are made for the public audience, for people who are not developers, who are not geeks, that meant for the school kids,
11:26
for pupils, for students, or for adults that just want to learn a bit of code or just make some cool things on the internet without having, for example,
11:41
to learn too much about coding or HTML. And, of course, web maker provides hosting that means that your mix, your projects are saved and available on the web maker servers.
12:03
So you don't have to bother about finding a hosting service and you can just save the URL and send them to friends and share on any social networks. So the point is you will hear people tell you,
12:25
oh, I'd like to make something that looks like that, pointing you to a web page or a video. So you just have to tell them, okay, this project in web maker, okay, you like it, you want to do something like that.
12:41
Okay, just remix it, change whatever you want, and it will look like that. Okay, so that's what I already said, learning by making. And you can start by remixing an existing project or start from scratch, whatever you want.
13:00
And to introduce Eduardo's speech, web maker is an education tool. Web maker is now localized in 12 languages. And we think it's important that it's localized in as many languages as we can, because for example, kids, they don't speak English,
13:20
not every kid around the world speaks English. They need these tools in their own languages. And the teaching kids also, because if the interface is in their own language, but the teaching kids are in English, it's not so nice. Okay, if you have a question on this part,
13:42
please ask them at the end of Eduardo's speech. Thank you.
14:32
Ask me, yes, the screens.
14:49
Ask me this one?
15:06
I think you have to create a little bit. Some technical problems.
15:33
Not sure, detect screen? No, detect, yes, oh, it's not detecting.
15:43
No, not this one, console. But. Okay, that's, that's the defecate screen.
16:01
Defecate, yes. Is it, oh, I think you're on your own computer. Oops, I don't know why it doesn't work.
16:21
But you're doing it. No, just, don't you have something to detect screens? I speak without slide. Yes, I will try.
16:43
Hi everyone, I have some technical problems, but I will speak without slide now. The MOSEDU, I talk about the MOSEDU project.
17:05
This project, born in, to Mozilla Espano, some two years ago, and is basically, this project is about to learn
17:25
the children's and adolescent or adult to correctly use in the internet, the dangerous in the internet, et cetera,
17:43
and to concinciate and evaluate the people before to use WebMaker. And then, our events is in some colleges,
18:07
some colleges, principal in schools, and the principal questions is for the children's,
18:24
how to make the code and the internet, and particularly, our participation is the privacy,
18:41
privacy principle in, for example, the children that use Facebook, and some have a ruling to provide the children
19:03
for adapt you, for adapt him to, not be victim, I forget some words. And then, if were my presentation,
19:26
I can't show the image for our events in Paraguay, and three months ago,
19:40
was our first event in Brazil. So, my slate doesn't work, see. But, thank you, have any questions
20:06
for Moses or WebMaker? About their experiences, because both of them
20:22
are really working on education, through Moses use, through WebMaker, and really, it's unfortunate for Eduardo not having his slides, because it's a deeply and truly experience that he's knowing in his country, and what he's doing is just astonishing.
20:42
So, I'm sorry for you not seeing that, but I really deeply encourage you to see them after the slot, if you have some questions, because there are a lot of things to bring you and to teach you around education in code. Do you have questions?
21:19
Yes.
21:25
Okay, so the question was about teaching kids. Okay, when you go to the WebMaker site, WebMaker.org, the first thing you see are projects, model projects,
21:41
and among these are teaching kids. For example, if you, most of them are about a symbol. Okay, so you see our HTML page, HTML code is done, okay, you can see, and the comments are used to direct the students, okay,
22:05
step one, change the background image, for example. Okay, if you imagine just a postcard, step one, change the background image. Step two, for example, change the link,
22:21
the image points to. For example, step three, for CSS, okay, you can change the transition also. So, these teaching kids are about guiding the student through the code for the student to learn more about HTML or CSS.
22:44
And for every kid, the level of the student will be indicated for beginner, advanced, and so. So, you can use these kids, translate it to your own language if needed, or make your own kit and share them
23:00
on the Web Banker's site, okay? Other questions? But, another question for my project,
23:22
I was to show the beautiful logo to this project and pictures in the events, but because the technical problems, I won't be able to show.
23:41
And then, you can go to our booth and ask for me another question and can show the slide, my lost slide.
24:07
Just go to the booth and ask anyone about WebMeCon and they will direct you to the best fit Mozilla rep or Mozilla employee to help you, okay?
24:22
Thank you, thank you so much.
26:06
So now, believe me, you'll meet
26:20
a lovely and fantastic duet. It's really the Mozilla spirit that you will see because you have both an employee and a contributor that are doing a talk together. This is really the idea of Mozilla now to work hand in hand between contributors and employers.
26:40
We are all members of the community. So, you have Robert Kaiser, but everybody is knowing him as Cairo. Robert is project manager in the Mozilla Stability Team. He is an old member, but not that old, member of the Mozilla community.
27:01
Well, in fact, he has downloaded and tested Mozilla in 1999, which was very courageous at this time. He is also providing German street alternates since the same date and contributes to all the Mozilla tools.
27:21
And when I tell you all, it's all. This is astonishing. And so Cairo comes to the Force Dem from the beginning. So I can tell you that Force Dem wouldn't be the same without him. Then you have Sayak. Sayak is first Force Dem, so please welcome him because I know he is particularly happy to be here,
27:43
but he's not that happy as we are because we are really happy to receive him. Sayak is a contributor and a Mozilla reps mentor. He is member of the un-Indian community. He is a web developer with a particular amount of curiosity about all things JavaScript.
28:00
He is also contributing to other force projects such as MediaWiki, GNOME, Cryptocat, Fedora, WordPress, et cetera, et cetera. This is incredible. And he's doing bug reporting to web dev and bug fixing. So he's doing everything as well. So we really have both big guy in the community.
28:21
So please welcome them. They will talk to you about, it will mostly concentrate on tips for designing and developing apps for the web as a platform while using the latest development tools and resources for Firefox OS in an efficient way. Please welcome Cairo and Sayak.