1 00:00:01,433 --> 00:00:02,966 Hello everyone! 2 00:00:02,966 --> 00:00:05,966 Today we're here for our senior project website, Astronomical Learning. 3 00:00:06,416 --> 00:00:10,050 This is created by us here, team M.J.R 4 00:00:10,050 --> 00:00:11,349 I'm Matthew Hibner 5 00:00:11,349 --> 00:00:13,099 I'm Joshua Mauricio 6 00:00:13,099 --> 00:00:15,083 And I'm Robert Lochbaum 7 00:00:15,083 --> 00:00:17,316 Alright, so what have we created? 8 00:00:17,316 --> 00:00:21,399 We created a website focused around teaching younger audiences. 9 00:00:21,399 --> 00:00:27,283 It includes topics such as what is inside our solar system, outside our solar system, 10 00:00:27,283 --> 00:00:33,600 space travel, SpaceX and NASA, and we do include a pretty neat trip planner. 11 00:00:33,600 --> 00:00:39,133 Our ultimate goal for this project was to create a fun and interactive way 12 00:00:39,133 --> 00:00:43,116 for users to learn about majority of things in space. 13 00:00:43,899 --> 00:00:45,750 And why have created this website? 14 00:00:45,750 --> 00:00:50,566 We've created it to deliver a product that is both fun and enjoyable and yet, educational. 15 00:00:50,566 --> 00:00:55,216 We have achieved this through interactive components and user interactions with the website itself. 16 00:00:55,216 --> 00:01:00,149 We also have a large array of information available on nearly every page. 17 00:01:00,149 --> 00:01:04,483 We've also aimed to emphasize all the statistics that are involved with space launches. 18 00:01:04,483 --> 00:01:08,900 We have achieved this through an advanced SpaceX launch details page. 19 00:01:09,566 --> 00:01:15,799 Alright, and now we'll be starting with Robert to show some of our features on our home page. 20 00:01:15,799 --> 00:01:17,483 Welcome to our homepage. 21 00:01:17,483 --> 00:01:20,483 Visitors are greeted with an information of the day panel. 22 00:01:20,483 --> 00:01:23,116 This panel consists of two primary components. 23 00:01:23,116 --> 00:01:26,933 First, being the fact of the day which is cycled on a 24 hour period, 24 00:01:26,933 --> 00:01:29,316 and the second of which is the picture of the day. 25 00:01:29,316 --> 00:01:33,783 Now this is gotten from NASA itself and is also cycled on a 24 hour period. 26 00:01:34,250 --> 00:01:37,066 Below the image, users may click on this button. 27 00:01:37,066 --> 00:01:41,733 To view a detailed description of the image itself, also supplied by NASA 28 00:01:42,266 --> 00:01:45,266 Below the information of the day panel, we have our title cards 29 00:01:45,266 --> 00:01:48,266 that lead to our different information pages throughout the website. 30 00:01:49,150 --> 00:01:52,016 Each title card consists of a title, 31 00:01:52,016 --> 00:01:56,799 an animated gif, and a small description of what that page consists of. 32 00:01:56,799 --> 00:01:58,633 Now, each one of these is animated, 33 00:01:58,633 --> 00:02:02,549 and we feel like this offers an appeal to our younger audiences. 34 00:02:03,066 --> 00:02:07,750 Below the title cards, we have another small subset of title cards 35 00:02:07,750 --> 00:02:10,750 that leads to our features coming soon on this website. 36 00:02:12,216 --> 00:02:14,633 Now I'll draw your attention to the top of the page. 37 00:02:15,566 --> 00:02:19,666 So up here, we have register that goes to the registration page to register for an account 38 00:02:20,533 --> 00:02:23,533 or our login page to log in to an existing account. 39 00:02:25,333 --> 00:02:27,916 To show them off, we have our registration page here. 40 00:02:29,916 --> 00:02:32,916 And here we have an example of what our login page looks like. 41 00:02:34,750 --> 00:02:37,083 So as a website that's highly focused on information, 42 00:02:37,083 --> 00:02:42,166 we made it very easy for users to find the information they want, and know where to find it 43 00:02:43,083 --> 00:02:46,083 We did this through the navigation bar here at the top separated into two sections. 44 00:02:46,750 --> 00:02:51,583 So here, on the left, if we click on one of these terms up here, 45 00:02:51,583 --> 00:02:55,566 this will show you a set of every single page that has to do with that specific topic. 46 00:02:55,566 --> 00:02:59,433 Now clicking on any one of these will take you to that specific information page. 47 00:02:59,849 --> 00:03:04,633 Alternatively, if you want, you can go over here to the right, and use the search bar. 48 00:03:04,633 --> 00:03:09,500 For example, if I type in "Sun," and press "Search," 49 00:03:09,849 --> 00:03:14,833 this will bring back a list of every single result that has to do with the term, "Sun." 50 00:03:15,166 --> 00:03:19,500 Below each result, we have a little description that tells you what the page is about. 51 00:03:19,500 --> 00:03:23,400 This will make it easier for users to be able to know this is the page that they're looking for. 52 00:03:24,483 --> 00:03:25,550 And 53 00:03:25,900 --> 00:03:28,750 If we go up here, and click 54 00:03:28,750 --> 00:03:30,816 here is an example of one of our information pages. 55 00:03:30,816 --> 00:03:32,716 This particular one being about the Sun 56 00:03:33,000 --> 00:03:37,349 We made it an important point to include both interactive and visual elements 57 00:03:37,349 --> 00:03:39,833 on our webpages as well as information. 58 00:03:40,716 --> 00:03:43,716 So here we have an example of some of the photos. 59 00:03:43,716 --> 00:03:44,849 We thought these were very important because, 60 00:03:44,849 --> 00:03:47,849 usually we only hear about these things in passing. 61 00:03:47,849 --> 00:03:50,849 You only get to see them from far away. 62 00:03:52,283 --> 00:03:53,733 And for some interactive elements, 63 00:03:53,733 --> 00:03:56,733 Here we have an example, that if we hover over this area here, 64 00:03:57,533 --> 00:04:02,800 We get a tool tip that displays some extra information about the topic you're learning. 65 00:04:03,833 --> 00:04:08,616 Further down, we have the review questions. Where, if you click on one of these buttons, 66 00:04:09,233 --> 00:04:12,233 they'll tell you whether you got the answer right or wrong. 67 00:04:13,333 --> 00:04:16,333 Now, further down still, 68 00:04:17,866 --> 00:04:19,616 we have this carousel of images. 69 00:04:19,616 --> 00:04:23,833 where the coursel will cycle between different images, 70 00:04:23,833 --> 00:04:29,116 or a user can click here on the sides, to switch between images at their own pace. 71 00:04:31,899 --> 00:04:34,800 Further down, we have this area of facts where, 72 00:04:34,800 --> 00:04:36,699 if you click on one of these buttons, 73 00:04:36,699 --> 00:04:40,949 the switching images are being currently displayed, and a text below them. 74 00:04:41,466 --> 00:04:47,183 Alright, and another cool thing that we have deals with our planets in our solar system. 75 00:04:47,183 --> 00:04:52,300 So, if we go to our solar system in the nav bar 76 00:04:52,300 --> 00:04:54,116 and we go to the planets, 77 00:04:54,116 --> 00:04:56,483 it takes us to our planets page. 78 00:04:56,483 --> 00:04:59,783 Alright, so the first planet we see here is Mercury, 79 00:04:59,783 --> 00:05:02,516 and some information being displayed is 80 00:05:02,516 --> 00:05:06,283 how close it is to the Sun, its furthest away from the Sun, 81 00:05:06,283 --> 00:05:09,616 and its average distance, its radius in miles, 82 00:05:09,616 --> 00:05:14,350 and below that is some brief information about the composition of Mercury. 83 00:05:14,350 --> 00:05:20,633 It also has a brief description about what its atmosphere is like along with the reference as well. 84 00:05:20,633 --> 00:05:22,916 And, a cool thing about these pages is that 85 00:05:22,916 --> 00:05:29,050 each planet has their own fun facts, and in come cases, its unique features. 86 00:05:29,050 --> 00:05:33,066 For example, Mercury has a fun fact and we called that "Fast," 87 00:05:33,066 --> 00:05:37,716 So, Mercury is the fastest planet in the solar system. 88 00:05:38,483 --> 00:05:44,199 And if we scroll down a bit, we see the planet size comparison. 89 00:05:45,016 --> 00:05:50,316 And, following that, is our planet orbit comparison. 90 00:05:50,316 --> 00:05:55,233 So, on the very inner circle there, we have our first planet Mercury, 91 00:05:55,233 --> 00:06:02,483 then Venus, Earth, Mars, then Jupiter's orbit, Saturn, Uranus, and then, Neptune. 92 00:06:02,483 --> 00:06:06,633 So let's go ahead and click another page, Venus. 93 00:06:06,633 --> 00:06:12,000 So once again, it shows some information about planet composition, atmosphere 94 00:06:12,000 --> 00:06:13,449 its unique features. 95 00:06:13,449 --> 00:06:18,699 So, if I click on this, Maxwell Montes is a mountain 96 00:06:18,699 --> 00:06:24,583 that's approximately 20,000 feet high, and is very close to Earth's own Mt. Everest. 97 00:06:24,583 --> 00:06:28,016 And once again, it has its own fun facts like, 98 00:06:28,016 --> 00:06:31,283 Venus' day is actually longer than its own year. 99 00:06:31,283 --> 00:06:36,683 And, almost all features of Venus are named after women. 100 00:06:36,683 --> 00:06:41,716 So each planet here, has their own page, has their own unique features, 101 00:06:41,716 --> 00:06:44,100 has their own data. 102 00:06:44,100 --> 00:06:59,216 If i just scroll through here, we also have Mars, and Jupiter, Saturn, Uranus, Neptune. 103 00:06:59,216 --> 00:07:03,449 We also include not just our planets, but even our dwarf planets. 104 00:07:03,449 --> 00:07:14,783 so that includes Ceres, Pluto, and some of the others like Haumea, Makemake, and Eris. 105 00:07:15,833 --> 00:07:21,033 And, once again, the unique features and the fun facts. 106 00:07:21,033 --> 00:07:26,766 Alright, so, on this page I am going to leave a simple comment. 107 00:07:26,766 --> 00:07:31,183 So I am logged in here, so lets just go ahead and type my comment on this page. 108 00:07:31,183 --> 00:07:37,100 "I love the planets," and submit that comment. 109 00:07:38,183 --> 00:07:40,483 And it will pop up that my comment was submitted, 110 00:07:40,483 --> 00:07:45,333 and in order to be viewed on this page, it needs to be approved by an administrator. 111 00:07:45,333 --> 00:07:52,300 So we'll go ahead next, and approve a comment and then see it appear on the page. 112 00:07:52,866 --> 00:07:54,716 And here are our administrator features. 113 00:07:54,716 --> 00:08:00,166 Our administrators are expected to uphold our family friendly values through the content control of the website. 114 00:08:00,750 --> 00:08:02,899 The first feature of which I wish to demonstrate, 115 00:08:02,899 --> 00:08:04,916 is the inputting of the fact of the day. 116 00:08:04,916 --> 00:08:10,316 Now these were seen on the home page and administrators are able to put in new ones to keep content fresh. 117 00:08:10,316 --> 00:08:12,883 In this example, I'm going to insert the timeless classic, 118 00:08:12,883 --> 00:08:16,883 "In space, no one can hear you scream," from Ridley Scott's, Alien. 119 00:08:16,883 --> 00:08:19,883 After saving my changes, I can now scroll down the lists 120 00:08:19,883 --> 00:08:21,716 of the facts of the day, 121 00:08:21,716 --> 00:08:27,000 and see that "In spce, no one can hear you scream," has now been inserted at the bottom of the list. 122 00:08:27,000 --> 00:08:33,366 Returning to my adminstrator features, I am now going to demonstrate how we manage users that have become malicious. 123 00:08:33,366 --> 00:08:37,483 In this example, let's imagine that Zidomar has become a toxic member of our community, 124 00:08:37,483 --> 00:08:39,966 and has recently posted malicious content. 125 00:08:39,966 --> 00:08:44,033 We now wish to ban this user so that he is locked out from our services. 126 00:08:44,033 --> 00:08:48,133 By moving to the right of Zidomar's name, we can click "Edit Ban" 127 00:08:48,133 --> 00:08:51,233 We can enter a date in he is going to be banned. 128 00:08:51,233 --> 00:08:54,366 In this case, it's going to be Christmas of 2020. 129 00:08:54,366 --> 00:08:57,616 After saving the date, we can now see that on the users page, 130 00:08:57,616 --> 00:09:01,316 Zidomar is now banned until Christmas of 2020. 131 00:09:01,316 --> 00:09:03,383 Returning once more to our administrator features, 132 00:09:03,383 --> 00:09:06,383 I'm going to now demonstrate reviewing of comments. 133 00:09:07,916 --> 00:09:12,183 Earlier, Josh had posted a comment on the planets page, 134 00:09:12,183 --> 00:09:14,549 that stated, "I love the planets." 135 00:09:14,549 --> 00:09:16,316 Now, if this were malicious content, 136 00:09:16,316 --> 00:09:19,033 as an administrator, I would delete it, but in this case, 137 00:09:19,033 --> 00:09:22,116 "I love the planets," seems to be a fair and valid comment. 138 00:09:22,116 --> 00:09:25,116 So I'm going to accept Josh's comment. 139 00:09:25,116 --> 00:09:30,183 After a couple of quick navigation panes, the comment has now been accepted and approved. 140 00:09:30,466 --> 00:09:35,366 Now, if we navigate back to the planets page in which Josh originally posted the comment, 141 00:09:35,366 --> 00:09:38,366 We can see that the comment has now been added to the website. 142 00:09:39,033 --> 00:09:42,633 As an additional layer of security, we do have a comment report system. 143 00:09:42,633 --> 00:09:45,633 Each user can report any given comment, that they find to be 144 00:09:45,633 --> 00:09:48,083 malicious or not in the spirit of the community. 145 00:09:48,083 --> 00:09:51,083 If any given comment receives five or more reports, 146 00:09:51,083 --> 00:09:54,566 It will be hidden from the website and once again, put up for administrative review. 147 00:09:55,049 --> 00:09:58,649 And another feature that we do have deals with SpaceX launches. 148 00:09:58,649 --> 00:10:03,866 If i go to the nav bar, click SpaceX, and SpaceX launches, 149 00:10:03,866 --> 00:10:07,266 it takes me to a full list of SpaceX launches. 150 00:10:07,866 --> 00:10:10,633 On this page, we see the name of the launch, 151 00:10:10,633 --> 00:10:15,299 when it was, and whether if that launch was successful or unsuccessful. 152 00:10:16,799 --> 00:10:21,166 Let's just go to one of these launches here, CRS-9 153 00:10:21,166 --> 00:10:24,750 we're going to click its details and we see on this details page, 154 00:10:24,750 --> 00:10:28,466 we also have the name of the launch again, its flight number, 155 00:10:28,466 --> 00:10:31,200 its mission ID, when it was launched, 156 00:10:31,950 --> 00:10:35,666 where it was launcehd and also which rocket it used. 157 00:10:35,666 --> 00:10:40,500 We can also tell if the landing of some of these cores were actually successful. 158 00:10:40,500 --> 00:10:44,666 And along with that, we have some second stage information. 159 00:10:44,666 --> 00:10:48,433 So, some of the payloads, including what the payload ID was, 160 00:10:48,433 --> 00:10:49,750 its customer, 161 00:10:49,750 --> 00:10:53,633 the nationality of the customer, the manufacturer, its payload type, 162 00:10:53,633 --> 00:10:55,500 This one is a dragon 1.1 163 00:10:55,500 --> 00:10:58,866 the mass in kilograms and pounds. 164 00:10:58,866 --> 00:11:04,116 And we also have information of where this payload was sent into orbit. 165 00:11:04,766 --> 00:11:10,816 And following that is just a small description of the details of this specific launch 166 00:11:10,816 --> 00:11:15,016 followed by its own mission patch 167 00:11:15,016 --> 00:11:21,966 and its own timeline or sequence of events that happened before and during the launch. 168 00:11:21,966 --> 00:11:26,133 And if you'd like to know more information about a specific launch, 169 00:11:26,133 --> 00:11:32,433 there s a PDF, mission summary, its Reddit campaigns, its Wikipedia links, 170 00:11:32,433 --> 00:11:34,983 and also, YouTube videos of that specific launch, 171 00:11:34,983 --> 00:11:38,549 so you can acutally see a launch on YouTube. 172 00:11:39,416 --> 00:11:41,666 So here, we'll show off our quiz feature, 173 00:11:41,666 --> 00:11:44,666 To get to quizzes, we go over here to "Games and More," 174 00:11:44,666 --> 00:11:46,733 select "Quizzes," 175 00:11:46,733 --> 00:11:49,733 and here you'll be sent to our quiz selection screen. 176 00:11:52,183 --> 00:11:54,250 One reson we thought was important to have these quizzes is that 177 00:11:54,250 --> 00:11:57,783 we wanted to give users a way to be able to test their skills or information of what they learned. 178 00:11:59,033 --> 00:12:02,483 Here, at the start, we have an example of our description 179 00:12:02,483 --> 00:12:06,066 which will tell you what the quiz is about and how exactly to navigate the quiz. 180 00:12:09,049 --> 00:12:11,100 So here, 181 00:12:11,100 --> 00:12:14,100 press these buttons at the top to switch between different questions. 182 00:12:14,100 --> 00:12:17,100 Here, I'll go through a couple of examples. 183 00:12:17,450 --> 00:12:23,549 Here you go to press buttons here at the side to select your answer. 184 00:12:26,983 --> 00:12:29,983 Now, when you're done, you go over here to finish, 185 00:12:30,799 --> 00:12:32,933 hit "Finish Quiz," 186 00:12:33,500 --> 00:12:36,500 and this will show you what your score is. 187 00:12:36,500 --> 00:12:40,783 If you're logged in, this will be saved to your profile. 188 00:12:40,783 --> 00:12:43,883 And here is our final feature for now, our Solar system trip planner, 189 00:12:43,883 --> 00:12:46,250 which consists of two primary components. 190 00:12:46,250 --> 00:12:51,766 First, the planetary filter which allows users to choose between a number of planetary attributes. 191 00:12:51,766 --> 00:12:54,416 I'm going to choose 0 to 5 moons. 192 00:12:54,416 --> 00:12:58,549 Now you'll notice that the matching planets list is populated with Mercury, Venus, Earth, and Mars. 193 00:12:58,549 --> 00:13:02,866 As they are the only planets in our solar system that have between 0 and 5 moons. 194 00:13:02,866 --> 00:13:06,350 I'm now going to apply a second filter of planet type, terrestrial 195 00:13:06,350 --> 00:13:08,983 You'll notice the list has not changed, however, this is no coincidence 196 00:13:08,983 --> 00:13:12,733 as these 4 planets are also all terrestrial type planets. 197 00:13:12,733 --> 00:13:17,899 However, I'm now going to choose a filter that will change the list, smaller than Earth sized planets. 198 00:13:17,899 --> 00:13:23,350 Notice how Mercury and Mars remain as they are the only two planets that fit these three filters. 199 00:13:23,350 --> 00:13:26,350 By changing the third filter to Earth-like planets, however, 200 00:13:26,350 --> 00:13:28,483 the matching planets change to Venus and Earth 201 00:13:28,483 --> 00:13:32,166 as now these are the only two planets matching these three filters. 202 00:13:32,166 --> 00:13:34,033 Moving down the page, we have our trip planner 203 00:13:34,033 --> 00:13:38,083 which allows users to choose between a starting and destination location. 204 00:13:38,083 --> 00:13:44,250 Additionally, users may choose between 0, 1, 2, 3, or 4 additional stops in between. 205 00:13:44,250 --> 00:13:47,450 For the purpose of this demonstration, I'm going to choose 2. 206 00:13:47,450 --> 00:13:49,233 I'm going to start at the Sun. 207 00:13:49,233 --> 00:13:52,683 Notice in the list of my first stop, the Sun is no longer present. 208 00:13:52,683 --> 00:13:56,149 That is because we do not want users to travel from the same location 209 00:13:56,149 --> 00:13:58,299 to the same location. 210 00:13:58,299 --> 00:14:01,399 I'm going to choose Earth as my first stop. 211 00:14:01,399 --> 00:14:06,666 After Earth, I'm going to travel to Mars, and eventually I'm going to end my journey at Neptune. 212 00:14:06,666 --> 00:14:10,783 Now that I've selected my route, I can confirm my choice by clicking the "Confirm Route" button 213 00:14:10,783 --> 00:14:15,583 which locks my choices into place, and makes the "Calculate Trip" button, clickable. 214 00:14:15,583 --> 00:14:20,983 After clicking the "Calculate Trip" button, a new table appears with some partnered information. 215 00:14:20,983 --> 00:14:25,683 First, we have the distance traveled between each location. 216 00:14:25,683 --> 00:14:30,549 From the Sun to Earth, Earth to Mars, and finally from Mars to Neptune. 217 00:14:30,549 --> 00:14:33,183 Below that, we have the total distance traveled 218 00:14:33,183 --> 00:14:36,299 so that users may know of where they started, and where they ended up, 219 00:14:36,299 --> 00:14:39,500 and how long they would have traveled to make that trip. 220 00:14:40,383 --> 00:14:44,750 Thanks everyone for watching our demonstration of our senior capstone project. 221 00:14:44,750 --> 00:14:49,183 If you feel like you guys have any questions, don't be afraid to contact us 222 00:14:49,183 --> 00:14:52,183 and our emails are displayed right on the screen. 223 00:14:52,183 --> 00:14:57,216 And I hope you guys have a great day!