Placeholder Image

字幕列表 影片播放

  • Hello world.

  • We're here at Yale University outside of Beautiful Sterling Memorial Library in the Centre for Teaching and Learning for the fourth annual CS 50 Fair.

  • And I'm here with my good friend from college.

  • In fact, Benedict Brown Benedict, What's in store for us today?

  • Well, we've got about 200 students and CS 50 at Yale this year.

  • Eso There's gonna be a lot of exciting projects that were all looking forward to seeing were really excited this year to be in the library, which is a spectacular beautiful space.

  • Lots of room for you all come visit.

  • Even if you're staring at your laptop, get up hump on an airplane, Get over here in the next half hour and come enjoy our fair.

  • Wonderful.

  • So, would you like to join us inside?

  • Let's go take a look.

  • Hi, everyone.

  • This is CS 50.

  • I'm Jessica here with you.

  • See in She's going Thio demo her project for us.

  • So do you mind showing us what your project is?

  • Okay, so just center.

  • That's my project.

  • What I did was a web come fly with me in terms of what it's intended to do.

  • It's intended to be able to track your flights.

  • The historic effective taken the future flex, you're going to take you be able to track that and then see where you how long you've spent in each country and then you look a visa information.

  • That's why to see how you're tracking along with that as well.

  • So just to take the 1st 1 to register, First of all, you're registered as a user, and then once you've registered, you can just log in.

  • In this case, I'll just use one of the test using set up separate preloaded.

  • And then once you set up, you can see all the countries that you've had trips in Google maps and then you'll be able to see how long you spend each country.

  • So, for example, you spend five days in the UK If you have flights coming up in the future, you can just add flights.

  • Through this process, you can look up historical trips that you've done in the past.

  • You can look up by country s O, for example, if I'm looking up Spain, we will find the flights there previously taken show that I flew into Madrid and then left Madrid 57 days later, and I spend seven days in Spain itself.

  • You contract through and look through all your historical flights.

  • And then if you have any new flights coming up, there's the possibility off billeting.

  • If something plans change and something doesn't happen, or you can either modify it, let's say if the airlines have trained just the flight details itself and otherwise you can also look at visa information based on your what you're going to what?

  • Your citizenship ISS, what passport?

  • You whole and whether you're traveling for business or leisure and then you pop up with an external website, which is all the information that innit?

  • Yeah, that's really awesome.

  • There's so many different components in here is really impressive.

  • Did you have any CS experience before doing CS 50?

  • Um, so I did.

  • I did engineering degree.

  • That wasn't that coding heavy, but that was like, 10 years ago.

  • So is a long time ago.

  • So a lot of this stuff you learned in C.

  • S.

  • I didn't actually do much in terms of Web app, so I know that in the past a lot of this muslin in CS 50 a lot of it about, like coding with python on being able to interface with, like, a chi insight and JavaScript and ah, that's ah, love.

  • It was a nun ago and I've also head and had experiences like sequel and working with secret and having a database and saving information.

  • So yeah, that's awesome.

  • Did you have any, like, difficulties on during this or any, like, complication?

  • Definitely a lot of difficulties like you start off at the start thinking that I'm gonna do oh, this things with this app.

  • And then as you're walking along, you've realized that things take a lot longer than you.

  • I think it would.

  • But along the way, it was useful.

  • Thio What?

  • Google is always useful and otherwise I went to the hack a thon as well was able to us some of the teaching fellows they questions about when I ran into, you know, d back errors.

  • And then and then the CS 50.

  • Hackathon was very useful in terms off seven hours ahead.

  • So on the seven of us that went to was a p I summon other, and that really helped me with understanding how way to go about finding a P I's and how to integrate it with my coat.

  • Yeah, it turned out really good.

  • Thank you so much for demo ing for us.

  • I'm Jessica, and this is CS 50.

  • Hi, this is CS 50.

  • I'm Jessica here with my name is Tiger.

  • Okay?

  • And they're going to show us a demo of their projects.

  • So can you show us a little bit Something Absolutely.

  • So initially, we decided to make a two d application of a simple game Well of a simple game in which essentially Europea set and you goes to avoid Facebook and Instagram logos.

  • You avoid the logos because you need to get your homework done.

  • And these air distractions and distractions are bad.

  • How are you?

  • This game was a little too easy to code, so we decided tow, you know, pump it up a little bit.

  • And so why not?

  • We tried making a three d game because of time constraints.

  • It turned into a three d experience instead.

  • So if you go look to hear if I re launched it, you would be able to see a platform detection kind of node That would say OK, place the piece that here, looking beings.

  • I've already pre placed a piece set.

  • It's an actual virtual object laying on the table, and it will stay there.

  • But if you look up every four seconds, you see a social media app randomly generated up here now seems overwhelming for now because I've let it run for quite a while, just for effect.

  • But you gotta get away.

  • So you pushed focus and the launches a lightbulb at them allowing you thio stay focused in a peace that and avoid distractions.

  • And this is a piece of protector.

  • That's a really awesome unimpressive.

  • Like, did you guys have any experience with anything like this before doing CS 50?

  • No, no, not none whatsoever.

  • We found Swift to be an extremely challenging programming language, but But it was fun.

  • So, you know, three months ago, could you imagine that you created something like this?

  • No, I've actually always wanted to work with a R v e r.

  • But I annoyed you how to start, and I even knowing all that CS that he would cover, I could imagine that be able to make something like this by the end.

  • That's really awesome.

  • What was the most exciting part about programming this going through the process.

  • I probably say the most exciting part was this the constant, incremental steps that we made, like we would, you know, code something wouldn't work.

  • It wouldn't work.

  • It wouldn't work, it wouldn't work and then eventually would have something very basic shops.

  • Just every single one of those little basic experiences I thought was fantastic.

  • Yeah, that's it's so awesome.

  • Really cool.

  • I'm really impressed.

  • So thank you for showing your demo.

  • Um, I'm Yeah.

  • Thank you.

  • I'm Jessica, and this is CS 50.

  • Hi, everyone.

  • This is CS 50.

  • I'm Jessica here with Andrew and William, and they're going to demo their project for us.

  • So can you tell me a little bit about what your project does?

  • Yeah.

  • So what we've done for our project is to create a lost and found site for yield the jail community.

  • So we're trying to find a way in order for people to declare lost or found items and tryto have people return their items back.

  • Thio, they're given our lost users.

  • And so when you first come to our site, you'll be taken to our log in page, which displays our logo on a small description.

  • But since we've never been here before, let's create a new account that'll bring us to an account page.

  • And we are going to create a CS 50 specific account, filling out required information about a name, a user name, a phone number on which will be random for now.

  • And we'll also put in a simple password just for the sake of today, when we create an account will be brought to our home page, where you can learn a little bit more about our sight, our mission, and also see some buttons that might help you navigate the site.

  • At the bottom of the home.

  • Page will see a recently found section with items that have recently been found on the site, but I can't see what we're looking for their today.

  • So let's log in new lost items today.

  • David has lost his famous phone book, and we can list the more attributes of the phone book.

  • It's yellow.

  • It's good condition.

  • Not very good on deal.

  • I saw it at the Center for Teaching and Learning, which is right around the corner from Sterling Memorial Library.

  • His phone book is important but not that important.

  • So he's gonna offer a $5 reward for anyone who finds it and when we submit, will be brought to a new page with our account.

  • And this account page basically say's what David has logged for lost items and items that he's actually found.

  • So people who have lost these items but haven't logged what they've found they've lost can actually look for these fine items.

  • Now, if we go to the fine Paige, we could see what other people have declared lost.

  • And let's say that David actually finds the TD flag.

  • So he finds the TV flag and everything, and he wants to $356 reward for the TV flag.

  • So he all he has to do is press the more information button, and then we see that our head of college, Mary Lou, has actually lost our TV flag, and therefore all we have to do is contact Ml at yelled at CTU, and hopefully we could return the TV flag back to avert its rightful owner.

  • Now, finally, the big thing about her AB is one someone actually finds are are lost phone book.

  • We don't actually have to keep it back on the site.

  • So what we've done is that once David has found his phone book, all we have to do is press this found button and confirm we found the item and deleted from the database forever.

  • That's really awesome.

  • An impressive and also super useful.

  • Like I wish I had this when I lost my hat the other year.

  • Yeah.

  • So what kind of technologies did you use when building this weapon?

  • So we decided that we wanted to create my only a website.

  • And so knowing that we've used, like a python and HTML from the past, especially when we're working on her past.

  • He said we wanted to base our code off of that.

  • So we used a lot of python for our database holding all of our information.

  • We use sequel and we use html CSS Java for really kind of the front end of that.

  • Have you guys ever used Python and html and sequel before coming to see us 50?

  • Not before CSFB.

  • I actually hadn't done any coating before CS 50 um and I'm just looking at this now.

  • It's kind of remarkable how big the improvement has been so it's cool to be able to combine all those different languages into one comprehensive project.

  • Yeah, that's really great.

  • What was the most exciting part of building this?

  • Or also like the challenges that you face?

  • I think the biggest challenges we've definitely had to face is just debugging the code because I think it takes a lot of patients in order to find, like, the minuscule ares that you might have made, like just spelling errors or, like some variable errors that you might just need to kind of like slowly debug and take your time.

  • But I think it was also a really fun project because we actually got to make a lot of decisions for ourselves, like how to create our own database.

  • Howto basically format are like code are html RCs has to make it look, Justice s said.

  • I guess it does right now.

  • And so I think it had a lot.

  • There was a lot of fun parts to the job, but also a lot of challenges that came along with Yeah, definitely.

  • Well, it turned out really great.

  • The all the aesthetics are very nice, and that's I know that's quite difficult to do.

  • Some very impressed.

  • Thank you so much for showing us your demo of your project.

  • I'm Jessica, and this is CS 50.

  • Hi, everyone.

  • My name is Kevin.

  • I'm live from the Siesta di fare at Yale.

  • And today I'm here with Brayden, Jonathan and Alvin, and they're gonna talk to us a little about what they did for the CIA city final project.

  • Yes.

  • So just to get started really quick and you talk to us a little about what your project is and how you got the idea to do this.

  • So basically what the project does is we get access to the uses, Google calendar and the injuries through all of your events and find out when you are free.

  • And the purpose of this is helps you schedule events in other people and primarily using with went to meet the website.

  • That helps you find the time.

  • So you're free and you can just unwrap me.

  • Just put it into, went to me and makes a lot easier for the schedule events with other people.

  • Sounds were you also get a quick look at how it works.

  • We start from the terminal window here.

  • Just run the program ended requests here I can zoom in.

  • Askew went to put the start date inundate.

  • So let's just say today on Let's Start at midnight the previous midnight and let's go till 10 days from now at 10 p.m. And then it finds when you're free just like that.

  • So those are all the times that people are free to, then me and schedule an event closer all the times one on your couch when you do not have a previously scheduled event.

  • So that's when you could schedule a jam session or a meeting with a club.

  • That sounds so what do you So this is, um I guess what you guys have so far.

  • So what do you plan on doing in the future with this project?

  • What do you want?

  • The end product to really look like?

  • So originally we were gonna have ah, basically this functionality.

  • But it would take in multiple users Google calendar information so that it would just compare all of them to see when overlapping three times would happen so that everybody who's in a club, just a group of friends say could get together know exactly when they're all free.

  • Yeah, s O I mean, so the entire way.

  • Like what you had you guys run into any problems?

  • Like, what were some of your gris obstacles in developing this project?

  • So one of the main problems we ran into was just integrating with Google calendar, FBI, dealing with the authentication, signing people into Google and keeping them signed in.

  • We didn't realize that it would be such a big problem at the beginning, but that was one of the biggest things that we had to work through during the I'm CS 50 hackathon.

  • Um, we bang our heads against the wall for a few hours for that one, but in the end, we decided to go to a different program.

  • Simplified down, kind of get Just try to make sure that the core of the program worked really well.

  • And that way we can build up from there.

  • Yeah.

  • Thank you so much for sharing your project with us.

  • Um, this is my name is Kevin, and this is CS F D.

  • Hi, everyone, this is Kevin.

  • I am live from the CS 50 fair at Yale, and today I'm here with Clara, who's gonna share with us a little bit about what she did for CIA city?

  • Final project.

  • Clara could just give us a quick overview of what you did for your final project.

  • Yes.

  • So for my final project, I created a retail website in which you can browse a number of CS 50 themed products.

  • So the first thing that you do is you have to log in, register with an account.

  • And once you've done that, you can view any of your products that you would want to purchase, and you can add them to your car of you, your order, history, and do everything that a normal retail website would do.

  • Oh, really?

  • Go.

  • Can you give us a quick run through like what it looks like?

  • So yours first.

  • When you go to the website, you're prompted thio register within accounts.

  • Um, I ever I've already made an account which is just with a pretty basic user name and password.

  • Not at all secure, but just for the purposes of demo ing it.

  • Once you've logged in, you'll be redirected to the home page where you can view any of the CS 50 themed products and from the home page, you can choose to add them directly to your cart so say you want three ducks.

  • You could add three ducks your cart, and it'll notify you that it did it successfully.

  • Or alternatively, you can click on our products and have a short description and then determine if you want to add it to your cart from there and at any time during your shopping process, you can view the products that are currently in your cart by clicking on the cart tab, where you're also given the opportunity to remove a product from your card.

  • So say you only want to ducks.

  • You could remove one from your cart, and it will notify you that it did that successfully.

  • And then when you're done, you can proceed to checkout where you want thio.

  • Enter your information.

  • This is just simulating the checkout process that won't require the user to enter actual credit card information because we can't store it properly.

  • But in theory, this is this process would and check that the user information is valid and ensure that ensure that they're properly placing their order, and upon doing so, it will notify you that your order's been placed and you'll be notified once it shipped and upon purchasing your order to things happen.

  • The first is that your card will be emptied so you can keep on shopping with, like, a fresh slate.

  • And the second thing is that you can view your order history on.

  • We just purchased two ducks and two bags.

  • As you can see down here, over the course of the day, we've placed a lot of orders.

  • So pencil someone ordered 100 CS 50 shirts because you could never have enough CS 50 shirts and yeah, that is our website.

  • So while you're developing this in making it, did you run into any problems or like something that you didn't expect, or anything like that?

  • Yeah, I think one of the hardest things was figuring out how Thio once you added a product, your cart, how to redirect, redirect it to the proper route so that if you're adding a duct of the card, it would insert the proper number of ducks to the database with the proper quantity and the proper price, and then the total cost, so that you could easily view that in the cart and then making sure that just stylistically say, you already had a duck in your cart and you wanted to add another.

  • Instead of adding another row, it would just increments.

  • The quantity was just thinking ahead about things like that so that it would actually reflect the way a real retail website would function.

  • Yeah, so if you had, my last question is, if you'd like more time to develop this, what do you think?

  • We're some features.

  • You definitely want to add to it.

  • If you had more time to work on this, they're probably two things.

  • The 1st 1 would be that we would make the check out process more of a legitimate process that would secure our store securely the user's billing information.

  • And then the second thing is that we hard coded each of the products into our HTML page so that each of these is a separate like link to the product description.

  • But instead we could create just a template for what we wouldn't want that to look like and then have the HTML page itself more efficiently and put the product information so that we wouldn't have to do it specifically for each product.

  • Yeah, well, thanks so much for sharing with us.

  • My name is Kevin and this is CS 50.

  • Hi, everyone.

  • This is CS 50.

  • I'm Jessica, and I'm here with Veer and how, And they're going to show us a demo of the really cool project for us.

  • So do you mind showing us and explaining what it does?

  • So say you have ah, song playing from a device that's not yours.

  • I'm gonna start playing the sample of beaches, wake me up from my friend's computer.

  • Our program will take in the audio input Unprecedented report.

  • But right now it will record what's being played in a fingerprint.

  • That little fingerprint that using fast for you transform compared to a database of songs that has stored locally and figure out what song is playing.

  • Forgot what time in the song it is and play instinct on my own computer.

  • Whole fingerprint processing about 30 seconds.

  • But after that, it should be playing.

  • Think that sounds really awesome.

  • What are some uses that you might want to use this for sure.

  • So say, for example, you you got a big Ben, you're a big party and you want a lot of speakers, but you can hook them up together on you.

  • Want the same song from all of them?

  • Yeah.

  • So you can use this program.

  • You can get all of them running on this program and get them all doing the same song in sync on Really increase the volume of music or something.

  • No, that's really awesome.

  • Can you just show us how this is working, right?

  • Yeah.

  • So, uh, basically, once it's taken on the audio input and recognizes I want time this song to the audio input start and combined that with how long the processing took to start playing from the time stamp that the addition of those two times on.

  • Then it just plays the song from the father.

  • We have short local computer.

  • So now it's playing from both the original computer and your computer.

  • Yeah, that's really neat in the future.

  • And you can use it with multiple devices, more, more devices that you could get even more and more noise.

  • It could be pretty useful that way.

  • Yeah, that sounds really cool.

  • Did you guys have any experience with any of this kind of stuff before?

  • CS 50.

  • Not at all.

  • I barely have any programming experience.

  • But if you really gave us a pretty broad knowledge in many areas, so on this project we use a python for the back end HTML CSS officer for the front end.

  • And we make a pretty heavy use of secret as well for creating a database of the audio of the fingerprints, all of which we learn through CS 50.

  • Yeah, that's really awesome.

  • Like, three months ago.

  • Could you imagine that year?

  • I've been, um, a bit more dishes, Am I wonder?

  • Like, how is that even possible?

  • But it's really cool that this pasta give me, give me the skills to a doctor and improve it ourselves.

  • That's really amazing.

  • Did you guys face any challenges while making this, though?

  • Yeah.

  • So, um, there's some challenges in installing all the right package is getting all the functions working.

  • For example, the audio fingerprinting along the pipeline practice with that pressure.

  • Since recently since $5 switching from 3 to 5 to a lot of doctors were incompatible.

  • So we had a big difficulty with my school.

  • I got some changes to it, but after you figure that out.

  • It was pretty fun and pretty doable with everything that we learn from the past.

  • Yeah, that's what I'm certainly need those updates.

  • Community frustrating Sometimes when you have to do them right.

  • Yeah, but what was probably the most exciting thing about getting to do this?

  • Definitely the moment when it started playing in saying the first the first time is worth way started with jumper, driver like wave had been so long.

  • We have so many bugs that What if I start working?

  • We were pretty happy.

  • It was awesome.

  • You know, that's the best moment.

  • When, after all these trials, and then it's finally working super exciting.

  • It's so cool.

  • And I'm really impressed with, like, I don't know how this works.

  • So really cool.

  • Yeah.

  • Thank you so much for demoing for us, um, and showing it to everyone.

  • Um, this is Jessica, and this is CS 50.

  • Everyone, this is Kevin.

  • I'm live from the CS 50 fair.

  • And today I'm here with Mossy and Brian, and they're gonna share with us a little about their CS 50 final project.

  • So yeah.

  • So just a quick overview.

  • Can you tell us about what your project is about and how you got the idea for their project.

  • Our product is called Foo Friend.

  • You Haven, and it's an android app that aims to connect food banks, people in need and donors more efficiently because he wants to improve out pre existing program on how all these parties are communicating with each other.

  • And we aim Thio, consolidate all the information, doesn't circulating around this situation so that it's more efficient and just easier for them.

  • Thio know what's going on?

  • What research did that they can obtain from food face as well as what resources they can donate to food banks?

  • Yes, we could use a little very quickly.

  • Show us like how it works and stuff you're taking to a Google Baps interface that displays local nearby food banks such as ST Thomas Moore and Downtown Evening Soup Kitchen.

  • So because we're using Google Maps interphase, you're also able to access the addresses of these places as well as directions on how to get there.

  • We began we started communicating with ST Thomas Moore and Iris, and they've expressed interest in becoming involved with our projects, or we're gonna be following up with them with war information about that.

  • So when you click on a marker for on Google Maps, it's gonna take it in for window Just Stands for you to another activity page that displays a table of resource is, um, that's needed by the food bank that they already have as laws of food banks themselves.

  • I'll take over from here.

  • So from here, obviously, as mentioned, this is a list of all the food banks, as well as the needed supplies in the supplies they have in stock.

  • Right now it's blank.

  • But let's say that you are a food bank and you want update your supplies so that everybody can see.

  • So let's say I'm downtown soup kitchen.

  • I would go to update table, and I can put in an authentication key given specifically to that location.

  • So obviously I being a theoretical employees at downtown soup kitchen.

  • But put in soup one.

  • And then let's say that we need soup and let's say that we have crackers.

  • So after I input the these words of the fields and hit submit, it'll update this list with whatever it is that the place has or whatever that is that the place needs.

  • Obviously, everyone should be able to see this.

  • So that way both donors know what these places need and people in need.

  • Because a considerable majority of people have access to the Internet and also smart phones, they can see what it is that they have in stock.

  • So they can go where they need food, toiletries, whatever it is.

  • And that is the implementation of our app.

  • We're hoping that we can get it on the app store itself on the Google play store.

  • And hopefully we're gonna be continuing to talk to the local food banks to see what else we can do to implement this project further.

  • That sounds really cool.

  • While you're developing this.

  • Did you guys run into any unforeseen obstacles or any problems?

  • I'm assuming this type of stuff must be awhile.

  • Like really hard to make.

  • Yeah, one.

  • The main difficulties that we had with implementing this project was the idea of a database, because all this information for the list need to be stored somewhere, right?

  • And the thing is, is that right now currently is implemented in a local database.

  • But when we push this to the APP store we would need to have it in a global database of that way.

  • Everyone, regardless of who was using the APP, would be able to see the same information that comes with actually pushing it to the Google play.

  • Sort of begin with so that implementation would have to have that happen then.

  • But that was like a major issue because an otherwise, how is the data gonna persist?

  • How is everyone gonna get the same information?

  • How is it not just gonna be bound to a single app?

  • But other than that, like it was, It was very much new territory for us because we've never worked in Android studio before.

  • We never worked in Java, so it was Ah, very is a very rough ride.

  • But we were able to find a resource that we need to actually do it.

  • Thanks.

  • Well, people here at CS 50 and also online resource is like Androids developer Cliff.

  • Well, thank you so much for taking the time to share your project with us.

  • And good luck with everything.

  • The future as you develop this in the future.

  • My name is Kevin, and this is CS f T.

  • Hi.

  • This is Amy and I'm here with Skylar.

  • Tell us a little this.

  • Tell us a little bit about your project.

  • Yeah, sure.

  • So my project is a website called Mile One Running club.

  • And it's tailored for beginner runners who are interested in getting training plans for whatever their first race might be, whether that's a five k 1/2 marathon or America on.

  • So, Well, a lot of things on the Internet are really tailored to experience runners.

  • So with this, you can register for you just go here.

  • Um, and then you can enter some information.

  • I don't know what you want your user name to be.

  • I just think it's CS 50 for right now.

  • Um, call it CS 50.

  • I'm gonna call it David Malin also, um, okay.

  • And then say you're training for a five k and say the race is 10 weeks away.

  • You hit register on this little record.

  • All of your information begin.

  • Then click for your training plan.

  • Andi, this basically breaks down your training plan into exactly how many weeks you entered, and it has a clear buildup period where you're increasing in mileage in preparation for the race and then it draws back the mileage s O that the week before the race.

  • You're really just resting and preparing eso This kind of reflects, like you know, it's just the basics about running in general, but it is really tailored for people who have no experience and couldn't be able to find this information anywhere else.

  • So it seems like you have a lot of expertise about running.

  • How did you translate that into the code and built into building the website?

  • Yeah.

  • So the highlight of the website is definitely the training when Algorithm.

  • So what I basically did was just go back from, you know, just experience.

  • So I did, like, cross country and track all four years of high school on and just had an idea of what the maximum mileage that a beginner could possibly train up to.

  • So I first shows the maximum mileage of each different race.

  • So for like, five k, the maxim mileage is eight for 1/2 marathon.

  • The maximum mileage is 14 and for a marathon, it's 20 miles.

  • So these are all like values.

  • You should be able to run prior to your race in order to really perform well s.

  • So then I took that and basically just did some calculations tohave the percent buildup in your plans.

  • That's about 70% of the time.

  • You should be increasing a mileage and then the rest of the time.

  • So the next 30% is when you're decreasing in mileage.

  • And then it also has, like, a pretty logical progression in terms of the percent increase in the total mileage per week that you're running.

  • And that's just kind of to prevent injury.

  • So you're not like increasing too fast or trying to run too many miles too soon, so you'll get injured.

  • Yeah, And what was the most difficult thing when you when you were building the website?

  • I would say that the most difficult part of it was definitely the design of this.

  • So the training plan, it's something that, like I've been really familiar with, like for a lot of time, in terms of like building some for myself in my teammates.

  • But I don't have any like Pryor coding experience, So this loss is definitely an experience, and, uh, yes, so learning like how all the different pieces of one programming work together like counterfeit html with CSS and Java script.

  • That was definitely the most challenging part and can just walk me through like the export is Pdf because that just seems like the last step.

  • It seems really interesting.

  • Basically, you just exported as a media and then it'll save it to your desktop.

  • Yeah.

  • Wonderful.

  • Nifty, Huh?

  • Maybe I'm gonna have to go run after this.

  • Thank you so much sky living.

  • This looks.

  • This is a great project.

  • It looks beautiful bythe this is cause Amy and this was CS 50.

  • Hi, this is Amy, and I'm here with Kat and Lena Kenley.

  • Tell me a little bit about your project.

  • So our project is a website where people can find information about local opportunities where you can find food, shelter, clothes and other assistance.

  • It's called Help New Haven.

  • Here we have tabs where you can see specifically opportunities about food, clothes, shelter and other.

  • We also have a map which shows the locations of the areas.

  • And when you put press on the pin, you can see the information of that opportunity for places that for people who may not have access to WiFi and Internet, there's also a p.

  • D.

  • A principal version of all the information in the table where the at the church or the food bank can print out the information and hand it out to people.

  • So the reason why we decided to create one website was because we know how hard it is sometimes for people to find.

  • Resource is online, especially from places that aren't allocating the resources towards creating a pretty website, but rather towards the people themselves.

  • So we wanted to create one place where events can register and add their own events, and they can edit them as the desire.

  • So here we have a creation event page, and as you fill out the events, you can have them a repeat weekly or not, and, for example, like if you go to your events, all the events that you created show up there and right now we don't have any.

  • But you can edit the event if it were there and you would be able to change the name, the location of the description of the event.

  • For example, if you had an event that was a one time thing, but it was extremely successful, then you can have it repeat weekly without having to write it in over and over and over again.

  • And you could also delete the event from the database completely If, for example, like you ran out of resources and stuff, but yeah, So our entire point is just to try to help people from New Haven who might be struggling.

  • What was the most difficult piece of putting all this together?

  • Because it looks great.

  • And there's so many different features going on way had a difficult time, like fixing the format because we wanted it to look very nice and easy user interface.

  • So when you go to the home with the cards here, they were getting a little glitchy on us, so it took a while to get that working.

  • But once we did, it looks really good.

  • And where do you see this project going?

  • Do you think?

  • Do you think like you're gonna approach local organizations and tryto roll this out?

  • Actually, I definitely see us expending, especially because we've only been talking t o a very select number of organizations right now, and a lot of students have come up to ask if we're going to expand to other cities, but I feel like we should probably build a really strong foundation in New Haven first, before we do that, just because I feel like we should focus here we are in New Haven, Connecticut right now, like Yale is here, and I feel like we should focus on the community here.

  • So I I'm actually volunteer at a soup kitchen, which, which is where we got the idea to do this.

  • And I've been talking to a few people who go there, and they are really excited to see, like this actually roll out.

  • I've been actually getting questions about it for, like, the past month when we've been working on it.

  • Yeah, so we really hope to make it live and actually working Wonderful.

  • I, like, wish the best for both of you because this is such a fantastic project, then that can definitely imagine seeing it having a big impact.

  • So things so much Great job, you guys once again, this is cause Amy and this is CS F D.

  • Hi, everyone.

  • I'm Catherine, and we're coming live from the CS 50 fair today at Yale.

  • Here we are with two students.

  • Would you like to introduce yourselves.

  • My name is victorious and I'm Alexia by Yeah, and they're gonna walk us through our project, which looks really exciting with their like fish tank and all these.

  • So we took the hardware track on the project and we used a raspberry pi, which is basically a microcontroller, and we linked it to an environmental sensor.

  • In this case, we use dissolved oxygen, and what it does is the microcontroller.

  • We'll talk to the sensor and, um, we created a program.

  • But after every reading with the sensor, it's about two minute interval between each reading.

  • The data will be sent up into the cloud or server that we're using, and then we use this available like dashboard online to visualize all of the readings.

  • And so here you can see that every two seconds to get a bit of fluctuation on the gauge, and then it's plotted below.

  • We also embedded kind of a geo tracker for the sensor and a little bit oven educational video to explain why dissolved oxygen is important.

  • And we're environmental health students at the public health school, and we, um it's really important to collect data about our environment so we wanted to kind of bring it into more of a technological terms.

  • I guess maybe you can explain some, like the languages and tools that used.

  • Yes, So we worked mostly in Python.

  • This was our first time working with hardware, ever so kind of.

  • We start off with an Arduino and then went to a raspberry pi in.

  • So learning how to work with the hardware was a big challenge, really big learning curve for sure on then, within that we worked with Jupiter Notebook also wrote a python file ends there, and then we did a bit of Java script with the dashboard.

  • What would you say were some challenges that you encountered on this project?

  • The biggest thing, I think, was just the learning curve with the hardware, and we just found it really challenging, just learning the syntax with everything and even just figuring out how it flowed and where information was going.

  • At times when you're working with other people's hardware and trying to make them compatible, because you have to learn the language that it was kind of coded in to begin with and dissect that and teach yourself there.

  • Yeah, the different ways of the data is taken care of within that hardware.

  • So that was definitely a big barrier toe implementation for us.

  • Very cool.

  • And so where did the idea come from?

  • Is this one of your fish is my fish.

  • His name is rude on.

  • And as it kind of mentioned earlier, we are environmental health students.

  • And a lot of times we have a lot of difficulty getting data from the environment, and we've heard a lot about coyote.

  • So this is like a coyote sensor.

  • And so it would be great if you could just kind of have these sensors set up everywhere or like in places of interest to track how the environments changing and how that could be affecting our health or the environment itself.

  • So we hope to see this kind of expand as a possibility.

  • Thank you so much.

  • Do you have any final takeaways from the project?

  • It was a really great learning experience.

  • I really like working with Alexia and just had a lot of fun.

  • Kind of taking this idea from start to finish in.

  • Actually seeing it work was really rewarding.

  • Thank you guys so much.

  • And I'm Catherine.

  • And this was CS 50.

  • Hello, world.

  • My name is Colton Ogden, and I am joined today at Yale by Michael and Michael.

  • What application?

  • Also, by the way we're doing by 1/3 guest here.

  • What is what is our third guest name?

  • That's my young son.

  • His name is Adam.

  • He's only five months old.

  • Congratulations on that.

  • And we're actually gonna find out this actually relevant to your final project today.

  • So what is your final project?

  • So my final project is a nap which collects all the data you might ever want to analyze about a your baby.

  • And how much is he eating?

  • How many diaper changes doing today?

  • Believe it or not, it's super important for pediatricians.

  • Whenever your baby is crying too much and you want that device is the first things they ask you about.

  • So you have to have it at hand available all the time.

  • And this is This is the kind of data that you're typically taking track of multiple times every single day and so doing it.

  • You know, even the process and of itself could be tedious.

  • But you've written an application helps provide this information to your pediatrician.

  • That's correct.

  • And, believe it or not, it's super funny how simple things get.

  • You make your life easier.

  • And also like how simple things are difficult to do manually.

  • Like the pediatrician asked about on average.

  • How much is he eating for meal?

  • And you'd never know that because you just have a stream of numbers.

  • So it's very important to have access to that straight away.

  • Your application actually does.

  • The analysis of this information is Well, that's correct.

  • Okay, let's take a look.

  • Actually, at your application.

  • So this is this page here.

  • I think we we went to one of the side pages.

  • We want to go to the May Be the main page here.

  • I can.

  • Since you're holding your son, I'll maybe steer for us a little bit here.

  • So the application is called baby note.

  • That's correct.

  • Then my wife came up with the idea, and your wife is actually here with us today.

  • What's my name is Miss Kate.

  • Congratulations.

  • Both of you, on on your on your new and once again.

  • So this is the home page here of baby knows.

  • Is that correct?

  • Correct.

  • And so this is all the data that we have.

  • All of the sort of the analysis of the data for for your son here is that this information for him is not for him.

  • Is just Mark is around them numbers.

  • But this sort of at a glance can like a dashboard lets you see sort of all of the different data that your pediatrician would be curious to know over the course of time.

  • So there's different sections here.

  • You won't explain some of these sections.

  • Yes, so this section is essentially forms was.

  • You can use thio, which you can use thio put in the data.

  • So, for instance, let's say you want to put the information about your diaper change, so that's the way it works.

  • It's just the system automatically plugs in the the time data for you.

  • Yeah, I thought it would be a useful feature.

  • I have different times on my computer, so that's why there's a different time.

  • But it's 25 past one PM here, and then the only thing you have to select it's like the diaper.

  • What it was like it was wet, dirty or both.

  • So let's say it was wet I click some mints?

  • Yeah, exactly.

  • And the record is just out of here, and we'll be all day by day basis.

  • So, for instance, if you want, you are the only one you just say I another one click submit, and it's again.

  • You have two per day.

  • So it's uncle a day basis.

  • This is something very important for the petition.

  • Some of the other categories that we see at the top of breast feeding, bottle feeding, pumping.

  • Exactly.

  • Yeah, yeah.

  • So, breast heating, for instance.

  • Like you can.

  • What time did you start?

  • What time did you end?

  • How long was this session?

  • What was the position?

  • You're going to help the baby for bottle feeding?

  • I think this is one of the most important things because this shows how much baby is actually eating this something you can measure your country measure the breast feeding the amount itself the only time, but for both thinking, but also measured the amount he's eating on the super important to keep track of it so that to make sure that baby doesn't get junkies, for instance, when he or she doesn't eat doesn't enough.

  • So, for instance, you can choose.

  • Okay, let's say not.

  • My session took me quite a quite a long time.

  • And it was just only breast milk and it was 75 milliliters.

  • Click, Submit confirmation for you.

  • Yeah.

  • Yeah.

  • What about the technology used to implement?

  • So what is your website built on its building flask and using mostly python the databases in sequel There are pretty complex sequel queries.

  • Some of the analysis of the numbers on this is for this for the dashboard is mostly done in five.

  • Because I realize that now, it wasn't complex enough to employ some additional package, but it was too complex for sequel query to handle.

  • So it's nice to sort of leverage the tools that sees 50 even uses for its finance.

  • Yeah, exactly.

  • And there are kind off makes that make your life easier.

  • Some things are pre filled in the forms.

  • Using JavaScript, you use the same technology used for a different use case.

  • Very clean design.

  • And you are actually from business school.

  • This is your first.

  • This is your first programming course period.

  • That is very correct.

  • That is very true.

  • Before going into the question, I've never seen any programming before.

  • And now you're come all the way from writing hashtag screen, implementing a full website that actually has a use case that's relevant to your life.

  • But I think it's really cool.

  • That is exactly right.

  • A lot of projects.

  • Yeah, that's exactly right.

  • I can confirm that.

  • I've seen that was the first time I've seen.

  • See, I started from printing Hashtags on computer screen and I ended up making my own app.

  • So I'm pretty proud of myself, even though it was a bit of a stretch and my family as well, but I made it.

  • I'm super heavy.

  • Yeah, well, thank you so much.

  • Thank you.

  • Very proud of so happy to see you used for your life as well.

  • Thanks.

  • My name is cold knocking.

  • This was Michael with his baby.

  • No application.

  • And this is CS 50.

  • Hi, this is Catherine, and we're back here at the CS 50 fair right now.

  • I'm with one student, Paul, if you want to introduce yourself.

  • Hi.

  • I'm I'm doing architecture major in the second year in grad school.

  • And Yeah, I'd like to show you my project, which is dancing lights.

  • Yeah.

  • So, um so how this works is actually I tried to map the Edie's too the X box Kinect sensor.

  • So if I move my hands in front of the Xbox Kinect sensor out delights actually corresponds to the movement and a gesture office.

  • So it's kind of like an interactive design where I'm trying to find application in architectural and expand this this'll logic.

  • Yeah, to something that's bigger and more interesting.

  • Yeah.

  • Where'd you get the idea for this project?

  • I guess, um, think actually came from, like, one of my projects.

  • Epstein online, Which is like a very big light installation.

  • But director like music.

  • So I'm thinking, like what if, like, a human like someone?

  • Is there physically in a space and then interacting w

Hello world.

字幕與單字

單字即點即查 點擊單字可以查詢單字解釋

A2 初級

2018年CS50博覽會在耶魯舉行 (CS50 Fair 2018 at Yale)

  • 1 0
    林宜悉 發佈於 2021 年 01 月 14 日
影片單字