 Hi everyone, my name is Brendan Murphy. I'm a tech person at a school and you can see we have a lot of Computers, so when we talk about the digital revolution coming This is kind of what we're talking about this stuff is happening to our kids the the technology is there and They're going to be using it on a regular basis In the classrooms at work at home pretty much everywhere, so we can either Help them learn how to use it or we can hope that they learn how to use it I'm in my 40s and growing up. I was growing up. We listened to rock and roll But my mom listened to classical music so every time we're in the car to fight over what radio station to listen to One day we're saying, you know Mom our music's been around for 20 years. It's really stood the test of time. It's great And she's like excuse me, but I listen to Beethoven so when your music passes a hundred years old You could start talking to me about Standing the test of time That's an argument that's been going on for millennia, you know every generation the parents think the kids they're Uncoothed and they're not learning the necessary skills and they're weak and they're lazy And yada yada yada, but in reality Kids are growing up in their world And they're learning and using the tools of their world in the world of our kids is really the internet And it's growing. I started really getting into the internet in 1995 or so and it's grown from then It was almost all text-based because Speeds were so low. You couldn't send pictures But today it's it's full of color. It's full of pictures It's full of videos and sound and all of that stuff and and all of that stuff is being used by Corporations and people out there in the internet trying to push Or sell to us the consumers now in my teaser video I talked about the Started with TV because really the TV is a epitome of the consumer Culture, you know, somebody else makes something and pushes it out to you. You you have a choice of Watching it or not watching it and that's basically it and we've gone from three channels when I was a kid to 500 channels and really nothing good on television We've probably never been anything good on television with maybe the exception of Walter Cronkite, but it's been around and The advertisement worked there because they didn't have a choice in it and everybody kind of watched it and you knew Commercial was coming in It's only in the last 10 or 15 years. They've been really sneaky about, you know The in-place ads were instead of breaking for commercials. You pay to use your car or something like that But the internet kind of grew up with that and there's always been ads on the sides and we've all learned to ignore that You know, if you click on something They track where you click and when you go to their website not only do they know where you came from But they know where you go to on the way out. They know how long you spend on each page They know how long your mouse has been sitting over this spot in the page so They're really tracking so much about you and then they keep this stuff in their cookies. They keep it persistently so that They know when you come back and then they sell it to other company so that use if you search for red heels One day and then the next day on your Facebook page You see an ad for red heels on the side and that stuff follows you around You'll see ads in your Gmail about red heels because you were searching for them And they know that people don't always buy the first time So they keep those heels following you around for years for days and days and days until you finally buy it or they give up So this is the world that our kids are growing up. We want to give them the tools To understand the world, you know advertising is always going to be there But if we recognize it as an ad At least we can say consciously do I want to buy The trick is why should we let other people build for us when we have the tools to build on her own So that's what we're going to do is talk about the tools to build on your own X-ray goggles is the first tool and it allows you to see the building blocks that make up the web Now you can see the HTML Behind a web page if you just right-click on the web page and then go view page source and That will bring up a new page All of the HTML that makes up the page. And so this is how Most of us when we started learning HTML in the 90s and early 2000s web pages weren't that Complicated so you could look at the HTML and really figure out what was going on now. They have things like scripts Which are JavaScript programs and that kind of stuff So what's really happening in the pages is kind of hard to see sometimes, but you can still get the design sense X-ray goggles just makes that a little easier if you go to the x-ray goggles and you can take this and Drag it up to your bookmark bar and put it in your bookmark bar and Then it's on So if you go to any normal page click at activate x-ray goggles It reloads the page and then as you scroll over parts you can see these little Areas get highlighted and they have different names. There's a pink with an a and D and an li and a picture with an M So click on these and it brings up the code and brings up a little more code So it's an anchor To this basically a link to this picture So now I can change this if I just click on it You can delete it and add whatever new and you can see over here on the other side That it's changing that there So you can change the web page and it's not actually changing the web page It's changing a version of the web page and saving a new version If you click advanced it gets a little deeper into the code, so You saw before it was separated. Here's what the code would look like in a whole actuality So here's the part that I changed right here at the bottom Scotty Pippin takes stand against advisor. You saw on the basic they had separated that out So you have your your link and The blue on the page and then you can save the changes So you can take the web page and Actually change it Now this isn't the actual Sometimes web page it will be a different web page a different url So there you have it in a nutshell x-ray goggles helps you understand Take apart a web page that exists and see how they built everything to do with x-ray goggles is to go to Google and activate x-ray goggles Click on this and I'm going to go into advance and I'm going to make some changes here I've got the fake Google logo here and I copy the image location and Then I go in here and this SRC with this address right up between the Quotes and I'm just going to Paste this image right in there Paste it right in and you can see it's changed everything. So I'm going to save changes And then I'm going to go down here and publish Here's the url For the new one So I click on that. It's a little off-center, but you can see it now It's kind of funny people used to when mazilla started doing this People were freaked out because they thought kids were changing web pages They're not because if you look at the address bar up here, so it's not Google But people never that's one of the literacy skills people don't check the address bars So they added this up top here. It's a web x-ray goggles remake of this page So go have fun and try and mess with your computer teacher the second tool Is them it's web making made and basically if you start from scratch You have a basic web page where if you change stuff on the left side It shows it on the right side so you can see what's happening as you're building the web page But that's not a whole lot of help for people are just beginning So they have the remix of make and if you click there You go to the gallery and the gallery can be filtered by popcorn thimble or app maker One of my favorite part is the main maker this one right here And if you click on it, you could see here's the page Here's the HTML that makes the page and then over here is a tutorial and it's got the first page is a nice Lesson plan and objectives and then it walks you through a couple of changes on the page just to make things different What I really like to do is hide this right now It's great if you're learning on your own or if you're teaching kids you want to work on two specific skills But I like to start this and just say there's three things I want you to do. I want you to change the words Up here and here. I want you to change the picture and I want you to change the background And that's it and as kids make changes then I asked them to Everyone to stop and someone good comes up like when they change the background and say, okay everyone stop Somebody figured out how to change the background so let's see how she did it and You know, it's pretty simple And that takes 10 or 15 minutes and everybody kind of gets the basics of adding words and adding pictures and changing colors and the background and all of that stuff and if we have time We can go on and start talking about the width and the position and all of that other stuff But for right now, it's a real good I think the best thing about them is its ability to scale The third tool is pop one maker and it's all about videos audio and pictures on the web and as you can with them well, you can start from scratch or remix remix a make So if you click start from scratch You just have a blank screen here and you can click over here and click in the URL of your favorite YouTube video or And get that specific video or you can type in a search term and it'll search the term along YouTube SoundCloud Pictures and GIFs so you can just find the one you want click it on there Now you see I've got two things here and they each went on their own layer and I can't see the one behind it So I'm just gonna shrink this one put it here and shrink this one Move it over there and now I can add more if I wanted to Here I've added sound the video has a sound on it So I can turn off the audio on the video or I can turn the video off itself depends on how you want it to Turn the audio on and off in and the audio or whatever and so this goes on through like this Now the great thing about this is I'm not actually Changing the the videos that are on there. I'm bringing them in live streaming and Editing on top of them. So I don't have to worry about any copyright Restrictions or anything like that now the next cool thing about this is the events and I could just click pop-up There's a nice little pop-up and I can change the title there and I can make a link about it. I can change the Thought on it. I can move Stuff around I can move the bubble around yada yada yada Change the color of the font and make it italics and on your line and all that all that stuff So it's really cool, and then I can save it and it gives me very own unique URL for this That's great. I'm starting from the beginning, but you may Want to remix something that somebody else has made so somebody else has made something you just click on it And there it is I can watch it or I can click the remix button And I could see what they did already and make my own changes to it So here's the timelines they had and I can start changing stuff around You know basically take theirs and make my own and this is kind of what I like to do with students is give them a video and then ask them to do either pop-ups to identify points or maybe they can cut and Paste parts of the video because in the events page. I could skip parts and loop parts to pause parts So they can chop up the video for me and give answers to the questions that I have Fourth the final tool is the app maker and like dimple and popcorn maker you can start from scratch or remix a make Now I think this app makers probably the most important because most of the people in the world actually Interface with the internet through mobile applications a phone or sometimes a tablet and even our students today Our youngest kids their first computer isn't is a tablet or a phone of some sort You know the electronic babysitter of the 21st century So they're really comfortable using these things and you know the digital native Doesn't mean they know how to use them Intuitively it usually means they have been using them since they were kids and using them to play games So they're not afraid of them and they can start applications What we want to do is move from playing to using it to construct or make the web So the app makers helping them create programs create their own apps for their mobile application So instead of selling their personal information to an app maker for that first app They instead can create their own click start from scratch and you just have this basic thing and Buttons over here and you just click on a button and it adds it and a counter is There it is. I've made a counter. There's little tabs over here So we can add stuff on and kind of the the theme of the scratch programming language That that started a couple years ago by MIT where they had puzzle pieces and Kind of put the puzzle pieces together to program as opposed to writing the code kind of the same thing You're putting stuff together and you know as opposed to being a simplistic form I think it's really kind of more of a very sophisticated form of programming because companies when they program these days They don't they don't start a program from beginning and run through to the end They design the program and they think about it and they break it into pieces and parts and they have teams working on each part And then the parts come together So they're basically making a custom jigsaw puzzle pieces and putting them together to make the final app or final program So you're really kind of doing the same thing here, but like anything else like all the other tools It's a little easier to start with something and remix it. So if you click remix a make You come here and there's a couple of makes up there like I said, it's new So there's only a couple of things and you can remix the make or play it or install it So if you click install, it's here and I can install it on my computer or my phone Or I can run it in my browser. So if I install it Here it is I double click and start the app and it's playing so it plays the similar way on my phone and You can I can play it with the app and see how it works Down here is the remix. So if I want to remix this app So I go up here and I'm going to remix the app here. I could Click the remix there But the actual app comes up. So and now I can see what this person has done with this app So you can remix the app that's already on there Make it your own just as you would any other About the tools and everything about web maker. It's time to get involved to become part of the community to make it better and spread the word basically there's a email list you can get on and They send this out in Thursdays. They have a call usually and they'll send out the etherpad notes where the Agenda is and they'll have the phone number on there so we can call in and listen in But it's not a one-way conversation. You're not just listening there. They are actively seeking the input and Collaboration with people who are using the tools out in the real world. So there's a roll call and people Sign in and at the end of the call. They'll ask you, you know, if you're new come and say hi, where are you from? What are you doing? And they'll teach you they'll share you links on what people are doing the teaching Modules that they're making where they're having activities They'll let people share or teach new things. So, you know, it's it's a regular business meeting held in the open So that you and I and everyone else who's passionate about These web making tools can be part of it And it's not just that teach the web tools the web literacy tools. They do the same thing the badges. They're making it it's all They all hold their planning and development meetings online in the open and Invite everyone who wants to be a part of it to join