WEBVTT 1 00:00:02.129 --> 00:00:12.120 Frankie: i'm Francisco and my partner is Brian and we created our fitness fitness allows users to get real time information about the air quality and get exercise recommendation. 2 00:00:13.200 --> 00:00:17.460 Frankie: If a user doesn't know how to do an exercise, they can turn to the how to page. 3 00:00:18.510 --> 00:00:23.580 Frankie: We chose to create our fitness because we live in an area that has one of the worst qualities in the country. 4 00:00:24.450 --> 00:00:30.660 Frankie: Not only does air pollution caused coughing it can get worse, it can worsen diseases that involve your lungs. 5 00:00:31.560 --> 00:00:42.750 Frankie: Some people do not know that they're harming their insights while being outside when the air quality is terrible they just go outside to improve their body, while the inside, is getting worse every time they take a breath. 6 00:00:43.800 --> 00:00:47.520 Frankie: Being healthy on the inside, can be a challenge and that's where everything is comes in. 7 00:00:48.780 --> 00:01:02.640 Frankie: Air fitness allows users to go outside without worrying about how their lungs are getting worse by the second users will be able to step outside and stay fit by doing outdoor activities, rather than staying inside and being poured all day. 8 00:01:03.750 --> 00:01:11.820 Frankie: Our targeted audience isn't for a specific age group is more for people would like to live a healthy lifestyle and exercise outside. 9 00:01:12.780 --> 00:01:25.770 Frankie: Their fitness is not just for exercising outside anybody can use it if they like to know how their colleague or quality currently is or if they'd like to get more information on which exercises can improve certain muscle groups. 10 00:01:27.300 --> 00:01:31.710 Frankie: seeing how they're there were multiple Apps on the Google play store and apple store. 11 00:01:33.030 --> 00:01:40.410 Frankie: That provided fitness information and a way to track your nutritional intake none of them provided information based on the user's air quality. 12 00:01:41.520 --> 00:01:44.520 Frankie: or fitness would bring fitness information and air quality in one. 13 00:01:45.660 --> 00:01:54.120 Frankie: Being able to bring those two together allows users to fine tune their workout routines even more or even someone who just wants to know when it's a good time to go outside. 14 00:01:55.560 --> 00:02:02.910 Frankie: We plan to make our fitness recommend things, based on the API the users in the user's location. 15 00:02:04.080 --> 00:02:20.580 Frankie: also allow users to take a quiz and select which muscles they like to improve and based on their selection during the quiz, they will get a list of exercises to do it didn't know how to do an exercise and want to learn how to do it and they can go to the how to page and learn. 16 00:02:21.720 --> 00:02:26.580 Frankie: Those features, will be able, will be available to users once they register and log into their account. 17 00:02:28.110 --> 00:02:36.510 Frankie: For external resources we used our visual for the API and their API provides us with information that we need to give to the users. 18 00:02:37.920 --> 00:02:48.870 Frankie: For the front end we use bootstraps and the backend uses php jaws db is used for my sql connectivity and the web page has been hosted on who wrote you. 19 00:02:50.400 --> 00:03:01.440 Frankie: We used our job for this project because it allows us to break down each feature into smaller milestones we organized the milestones by must have and nice to have. 20 00:03:02.520 --> 00:03:09.510 Frankie: Back in November we started the project and we got familiar with the API that can provide us information. 21 00:03:12.120 --> 00:03:16.020 Frankie: In December we got the basic front end done and we're able to call the API. 22 00:03:17.280 --> 00:03:23.310 Frankie: When January came around, we were able to get the database setup and users, were able to register and change the password. 23 00:03:24.240 --> 00:03:38.040 Frankie: In February the homepage got completed and in March we created and style the exercise quiz along with the muscle group page that displayed different types of muscles and individual exercises to improve their muscle. 24 00:03:39.060 --> 00:03:49.260 Frankie: hashing was implemented in April, along with API search function, so far, a user is able to make an account login if they want to change your password and they're able to do so. 25 00:03:50.490 --> 00:04:01.530 Frankie: They can take an exercise quiz care recommended exercise it based on the muscles that they'd like to improve, they can also check to see what the quality is like based on the location, the search for. 26 00:04:02.670 --> 00:04:04.140 Bryan Gutierrez: All right, thank you for this girl. 27 00:04:04.440 --> 00:04:05.550 Bryan Gutierrez: i'll be taking over. 28 00:04:07.320 --> 00:04:14.790 Bryan Gutierrez: Their fitness works by taking it in the form of a number This allows us to give recommendations about going on site to the user. 29 00:04:15.720 --> 00:04:23.820 Bryan Gutierrez: The product allows the signup signing and change the password there's a quiz that can recommend these exercises based on their targeted muscle group. 30 00:04:24.420 --> 00:04:39.900 Bryan Gutierrez: In the future, and click the add support for more recommendations, based on the ui here's a walkthrough of what features, the initial landing page shows the more important information, including what features and allows the visitor to sign up pretty easily simple but look. 31 00:04:41.220 --> 00:04:44.340 Bryan Gutierrez: This includes in images to show visitors that worked in this focused. 32 00:04:45.600 --> 00:04:54.150 Bryan Gutierrez: At the navigation bar we have home services, about an exercises for now let's focus on the expert cage. 33 00:04:57.090 --> 00:05:12.660 Bryan Gutierrez: The exercises section of our site shows the various muscle groups that a user may pick clicking one takes you to the exercise page of one particular muscle groups each of these pages show various exercises with a description to get the user started. 34 00:05:14.040 --> 00:05:17.400 Bryan Gutierrez: This feature is accessible without needing an account. 35 00:05:18.840 --> 00:05:22.170 Bryan Gutierrez: Next let's go back to the homepage into the register button. 36 00:05:27.870 --> 00:05:30.090 Bryan Gutierrez: filling the text boxes to delay to continue. 37 00:05:32.010 --> 00:05:32.190 This. 38 00:05:34.200 --> 00:05:36.960 Bryan Gutierrez: keep in mind that only emails are accepted mailbox. 39 00:05:38.400 --> 00:05:43.230 Bryan Gutierrez: The user can have a simple username and passwords aren't subject Daniel requirements at this time. 40 00:05:44.070 --> 00:05:56.970 Bryan Gutierrez: All passwords are hashed and sort into a database So even if someone were to get access to the database users, they wouldn't be able to lock in because the user and password is hashed or compared to the hash already existing in the database. 41 00:05:58.050 --> 00:05:59.040 Bryan Gutierrez: For now let's sign up. 42 00:06:23.280 --> 00:06:33.270 Bryan Gutierrez: we're in now, after you've signed in and registered you get access to some new features let's head to the agent guide to the API page. 43 00:06:35.760 --> 00:06:38.850 Bryan Gutierrez: Here you can type the name of the city and state within the US. 44 00:06:40.590 --> 00:06:42.510 Bryan Gutierrez: Other countries have yet to be implemented. 45 00:06:45.840 --> 00:06:49.470 Bryan Gutierrez: When she clicks in should give you information about the API. 46 00:06:51.900 --> 00:07:02.340 Bryan Gutierrez: Air fitness can tell you stay indoors depending on the API if you're lucky you'll be able to go outside to perform various exercises This leads us to our other feature. 47 00:07:04.740 --> 00:07:06.360 Bryan Gutierrez: clicking on the quiz tab. 48 00:07:09.450 --> 00:07:15.630 Bryan Gutierrez: Of the navigation bar be due to a quest page, we will take a quiz that air fitness can recommend you some exercises. 49 00:07:21.570 --> 00:07:36.090 Bryan Gutierrez: notice how there's some simple muscle groups listed, this is so that the user isn't too confused about the exercises, finally, of course, the user can log out and they're done this destroys any local information they did they generated about this session. 50 00:07:37.980 --> 00:07:39.300 Bryan Gutierrez: It to expect on page. 51 00:07:42.450 --> 00:07:51.690 Bryan Gutierrez: My partner Francisco was responsible for the front end I added all the features you sold except the information about the exercises, which was done by my partner. 52 00:07:52.470 --> 00:08:01.800 Bryan Gutierrez: Some of the main challenges getting directly to play nicely with php it's one thing to display static content, but another to serve interactive content. 53 00:08:02.550 --> 00:08:10.830 Bryan Gutierrez: I have to make a decision about database connectivity to initially up for service outside of the tool belt easier to use does be dp. 54 00:08:11.760 --> 00:08:18.930 Bryan Gutierrez: it's simple to add to your project another hurdle was learning about how to use api's to get the Info you want. 55 00:08:19.590 --> 00:08:29.190 Bryan Gutierrez: Working with patients, I had no experience and how to parse it to get the Info right should the API had some great documentation, but it was geared towards more experienced developers. 56 00:08:29.970 --> 00:08:38.940 Bryan Gutierrez: Additionally, I was responsible for merging of the Front and the back end it's harder than it looks php sometimes doesn't play nicely with html. 57 00:08:39.810 --> 00:08:50.850 Bryan Gutierrez: One swamp annoying bug was at the hash of work being stored properly in database, the size of the column of the password field long enough to account for how long the hash word it's a quite a while to figure this out. 58 00:08:52.410 --> 00:08:58.500 Bryan Gutierrez: What I personally learned from this project with that setting up a lot of our tools is tantamount to the project itself. 59 00:08:59.220 --> 00:09:06.600 Bryan Gutierrez: It took research learning about the relationship between the front in the back end and the handle the development beach of each at the same time. 60 00:09:07.260 --> 00:09:20.640 Bryan Gutierrez: haven't we done that better think we would have had less job wasn't the grid in the back end in the front end I also considered myself a nice php having taken only a simple portion but after the project, I understand the server side language, a lot better now. 61 00:09:24.480 --> 00:09:34.350 Bryan Gutierrez: My plan for the future of this project is to continue development on it is still need to kind of push more features before we call it complete currently working proof of concept, and I believe it's just promise. 62 00:09:35.490 --> 00:09:41.520 Bryan Gutierrez: Thank you for your time it's been a long and challenging semester This project was quite rewarding.