1 00:00:00,030 --> 00:00:05,490 Hi, I'm Corrin Moser, student at Western Oregon University majoring in computer 2 00:00:05,490 --> 00:00:10,019 science. I'm part of the small team Nerdvana, working on our project titled 3 00:00:10,019 --> 00:00:15,150 Petopia. Hi, my name is Tricia Holman. I'm a computer science major at Western 4 00:00:15,150 --> 00:00:18,779 Oregon University, I'm on the development team Nerdvana, and we are working on our 5 00:00:18,779 --> 00:00:25,170 project called Petopia. Hello everyone, my name is Joey Tavares and I'm a senior 6 00:00:25,170 --> 00:00:28,380 in the computer science program at Western Oregon University, and in the 7 00:00:28,380 --> 00:00:31,380 coming video I'm going to be presenting alongside my fellow Nerdvana team 8 00:00:31,380 --> 00:00:35,780 members, the web application we've been building, Petopia. 9 00:00:35,780 --> 00:00:39,470 Before we take a look at the web application, I'm gonna quickly touch on 10 00:00:39,470 --> 00:00:44,900 some of the what and the why of Petopia. In summary, Petopia is a web application 11 00:00:44,900 --> 00:00:48,680 that connects pet owners who are seeking pet care, with freelance care providers 12 00:00:48,680 --> 00:00:54,530 in their area. Some of the functionality on Petopia is registering for the site, 13 00:00:54,530 --> 00:00:57,980 and creating your own user profile will unlock the majority of the functionality 14 00:00:57,980 --> 00:01:01,310 that the app has to offer. Visitors are welcomed with features that aren't gated behind 15 00:01:01,310 --> 00:01:04,640 registration, in hopes that during their visit they can get a good feel if 16 00:01:04,640 --> 00:01:08,630 registering would be beneficial to them. Inside of each user profile lives pet 17 00:01:08,630 --> 00:01:10,610 profiles. This gives owners the opportunity to 18 00:01:10,610 --> 00:01:13,970 provide an identity for their pets on the platform. It could be a singular profile, 19 00:01:13,970 --> 00:01:17,660 only for the pet who needs care; or multiple pet profiles for the myriad of 20 00:01:17,660 --> 00:01:21,580 different pets a user might own and want to share with the community on Petopia. 21 00:01:21,580 --> 00:01:25,759 Stepping through registration prompts the user to select a role. In addition to 22 00:01:25,759 --> 00:01:29,660 registering as an owner, a user can register as a care provider. A lot of 23 00:01:29,660 --> 00:01:33,020 similar features are shared between the two roles on the profile side but care 24 00:01:33,020 --> 00:01:36,170 providers are mainly a role distinction to help guide user interaction and 25 00:01:36,170 --> 00:01:41,900 enable both parties to use the booking system. Some of our inspiration for Petopia 26 00:01:41,900 --> 00:01:45,409 came from looking at the landscape of pet care centric web applications and 27 00:01:45,409 --> 00:01:49,250 feeling that there was a gap that Petopia could fill. Other alternatives 28 00:01:49,250 --> 00:01:52,940 we researched mainly had too narrow of scope, in both the services offered, and to 29 00:01:52,940 --> 00:01:56,510 what animals. One of our group members, Tricia, has been deeply involved in the 30 00:01:56,510 --> 00:01:59,270 dog rooted community for a very long time from competing in show 31 00:01:59,270 --> 00:02:02,810 competitions to being a breeder and general doggie care taker. Myself and 32 00:02:02,810 --> 00:02:06,350 Corrin are both pet owners ourselves. From each of our perspectives, Petopia seemed 33 00:02:06,350 --> 00:02:09,140 like something that could bring immense value to pet owners who struggle to find 34 00:02:09,140 --> 00:02:12,560 consistent and reliable care for the more hands-on tasks then say maybe 35 00:02:12,560 --> 00:02:17,030 just a walk, or pet sitting. Most of the time, people who love animals don't 36 00:02:17,030 --> 00:02:24,110 necessarily get to work with them in a capacity that is fiscally beneficial. Petopia hopes to bridge that gap and allow individuals the chance to both work 37 00:02:24,110 --> 00:02:29,269 with animals they love, but also see monetary gain from that time spent. So now 38 00:02:29,269 --> 00:02:32,540 we're going to move over to the front page of the web application and see the 39 00:02:32,540 --> 00:02:36,670 view and features that an unregistered user is met with. 40 00:02:37,120 --> 00:02:40,750 Here we are on the homepage and this is a view that a first-time user would see. 41 00:02:40,750 --> 00:02:45,140 Up on the navbar, there are a couple of links. The first one, what do we do, is 42 00:02:45,140 --> 00:02:50,510 mainly an informational page. It provides info on how Petopia works, 43 00:02:50,510 --> 00:02:56,250 communication, information about developers, and other FAQ-style things like 44 00:02:56,250 --> 00:03:00,239 that. Second button in the navbar, questions or concerns, is mainly a 45 00:03:00,239 --> 00:03:04,769 contact page. This page has buttons to send emails to us developers on the 46 00:03:04,769 --> 00:03:07,640 Petopia team. 47 00:03:07,850 --> 00:03:11,730 Another feature available to unregistered users, are these two zip code 48 00:03:11,730 --> 00:03:16,110 searches; which will search for care providers, or owners, respectively. Let's 49 00:03:16,110 --> 00:03:27,600 try the pet care provider search with a Portland zip code, 97361. Our search didn't 50 00:03:27,600 --> 00:03:30,450 seem to yield any results, as there aren't any care providers registered in that 51 00:03:30,450 --> 00:03:36,900 area. Back out on the home page, we'll try a Salem zip code, 97301, and there 52 00:03:36,900 --> 00:03:43,440 happens to be three care providers in this area. We can even navigate out and check 53 00:03:43,440 --> 00:03:52,970 their profile. The same can be done on the owner side. No owners in Portland, 54 00:03:52,970 --> 00:03:59,690 we'll check the Salem owners, and there seems to be one Salem owner, Tricia. 55 00:04:02,530 --> 00:04:07,780 A third and final feature available to visitors of the site would be to step 56 00:04:07,780 --> 00:04:11,350 through the registration process which can be found here. Simply fill in your 57 00:04:11,350 --> 00:04:14,140 email and abide by the password rules and you'll be well on your way to 58 00:04:14,140 --> 00:04:18,700 creating your own user account. Once you've registered with your email 59 00:04:18,700 --> 00:04:21,790 address and password you're taken to the make your Petopia user account and 60 00:04:21,790 --> 00:04:26,080 profile page. These sections explain what we do with your information and why we 61 00:04:26,080 --> 00:04:30,400 ask you for it, both profile and account. So you fill all of those things 62 00:04:30,400 --> 00:04:34,810 out here, click make my profile, and you're taken to this page; where you pick 63 00:04:34,810 --> 00:04:38,890 if you want to be a pet owner, pet care provider, both, or decide later. We want to 64 00:04:38,890 --> 00:04:43,450 be a pet owner, so you would click here. You're taken to this form, this section 65 00:04:43,450 --> 00:04:47,050 gives you some examples of details that are helpful for your pet care provider 66 00:04:47,050 --> 00:04:51,280 to do their appointments with your pets. So you fill out something that's 67 00:04:51,280 --> 00:04:55,680 appropriate for you and your pets here, click 'sign me up as a pet owner', and 68 00:04:55,680 --> 00:05:01,300 you're taken to your profile page, which overall looks like this. This is your pet 69 00:05:01,300 --> 00:05:06,669 badges section. If you don't have any yet, this would say 'add badges'. You'd be 70 00:05:06,669 --> 00:05:09,940 taken to this page this explains a little bit about what badges are for; 71 00:05:09,940 --> 00:05:12,790 they're more than just fun, but they help with the search functionality that we're 72 00:05:12,790 --> 00:05:15,729 building to match you up with pet care providers who are compatible and 73 00:05:15,729 --> 00:05:19,660 specialize in the types of pets that you have. You just check or uncheck the pets 74 00:05:19,660 --> 00:05:22,750 that you have and click to change badges or add badges. 75 00:05:22,750 --> 00:05:26,890 You can see now that these are different. This section over here, we're still 76 00:05:26,890 --> 00:05:31,660 working on the logic for it, but the idea is that this would show you preview 77 00:05:31,660 --> 00:05:36,220 cards for the pet care providers who are in your area. You would click on them to 78 00:05:36,220 --> 00:05:40,090 go look at that person's profile in more detail. Right now these are just 79 00:05:40,090 --> 00:05:44,710 placeholders, so they don't go anywhere, but this is what it would look like. Down 80 00:05:44,710 --> 00:05:49,479 here you have your pet care preview cards, and when you are ready to book a 81 00:05:49,479 --> 00:05:52,990 pet care appointment, you just click 'book care for me' on the pet that you want to 82 00:05:52,990 --> 00:05:57,400 book care for. I have one of those forms open for Lacey, right here. You put in 83 00:05:57,400 --> 00:06:01,600 your start and end dates and times -- this can be a span of days if you need pet 84 00:06:01,600 --> 00:06:04,720 sitting over the weekend or something, put in the instructions for your pet 85 00:06:04,720 --> 00:06:08,440 care provider, and we're still working on the logic right here, too, to make this a 86 00:06:08,440 --> 00:06:12,490 better selection process; but for right now, this shows you the pet care 87 00:06:12,490 --> 00:06:15,380 providers in your area. So you put their ID number right here 88 00:06:15,380 --> 00:06:20,660 you click 'book'. That takes you to an appointment confirmation card, an email 89 00:06:20,660 --> 00:06:24,380 goes out to both you and your pet care provider, and this is just a recap of 90 00:06:24,380 --> 00:06:28,400 your pet care request. You can click here, to see a listing of all your 91 00:06:28,400 --> 00:06:31,820 appointments for all your pets, and that looks like this. It's divided between 92 00:06:31,820 --> 00:06:36,830 'upcoming appointments' and 'past appointments', and if we refresh this here, 93 00:06:36,830 --> 00:06:41,030 we will be able to see the appointment that we just added for Lacey, right here, 94 00:06:41,030 --> 00:06:46,580 on the 23rd, from 4:00 to 4:30, feeding her supper. When a pet care appointment 95 00:06:46,580 --> 00:06:50,450 is complete, you would come to your 'past appointments' and click 'complete 96 00:06:50,450 --> 00:06:55,460 appointment'. That takes you to this page. The top part is just a recap of what the 97 00:06:55,460 --> 00:06:59,990 appointment was, your pet care provider fills out this section -- a recap and then 98 00:06:59,990 --> 00:07:04,520 a full report -- they put in their fee, you can add a tip. You come down here and you 99 00:07:04,520 --> 00:07:09,320 give your pet care person a rating from 1 to 5, leave a little comment for them, 100 00:07:09,320 --> 00:07:14,270 and then later they will do the same for you. Click 'complete appointment', you're 101 00:07:14,270 --> 00:07:18,020 taken back to your listing, and you can look over here and see that this appointment 102 00:07:18,020 --> 00:07:23,120 is now complete. Back on your profile page, you can come here to edit your 103 00:07:23,120 --> 00:07:30,650 profile -- that would change out your picture, caption, bio, different things 104 00:07:30,650 --> 00:07:33,920 like that, that show on your profile. You can add a pet, which will be 105 00:07:33,920 --> 00:07:38,200 demonstrated later; or you can go here to look at your private behind-the-scenes 106 00:07:38,200 --> 00:07:42,950 account details. These are the things that don't go on your profile, but they 107 00:07:42,950 --> 00:07:47,450 are for helping your pet care provider know where they need to go and how to 108 00:07:47,450 --> 00:07:52,370 reach you for taking care of your pet. So that is an overview of being a pet owner 109 00:07:52,370 --> 00:07:59,540 with Petopia. Using Petopia as a pet care provider is very similar to using 110 00:07:59,540 --> 00:08:03,620 it as a pet owner. When you make your account, you'll be greeted with this screen. 111 00:08:03,620 --> 00:08:06,860 Instead of choosing 'pet owner' you would just choose' pet care provider', which would lead you to this form. 112 00:08:06,860 --> 00:08:11,810 And in this form, you just put in your pet care 113 00:08:11,810 --> 00:08:17,840 experience. For my case, I put in "I walk dogs", because that's what I've done. When 114 00:08:17,840 --> 00:08:21,410 you've done so, you just sign yourself up as a pet carer and you'll be greeted 115 00:08:21,410 --> 00:08:25,210 with your profile page, which should look a little something like this. 116 00:08:25,210 --> 00:08:29,510 Pet carers have badges just like pet owners and the purpose of these badges 117 00:08:29,510 --> 00:08:34,310 is to show on your profile what kinds of pets that you have experience with taking 118 00:08:34,310 --> 00:08:38,870 care of. They look slightly different than the pet owner badges, so they're 119 00:08:38,870 --> 00:08:42,680 easy to distinguish from a glance. You edit them the same way a pet owner would 120 00:08:42,680 --> 00:08:45,890 edit their badges, by clicking this button right here, which leads you to 121 00:08:45,890 --> 00:08:51,170 this page showing all the badges that a pet owner can have. Once you've changed 122 00:08:51,170 --> 00:08:57,410 them, you click that button right there to be led back to your profile page. Petopia 123 00:08:57,410 --> 00:08:59,510 is still an application in progress, 124 00:08:59,510 --> 00:09:03,710 so over on the right side is not finished. But what it is going to be, is a 125 00:09:03,710 --> 00:09:07,910 list of pet owners that you have worked with in the past, so that you can easily 126 00:09:07,910 --> 00:09:15,470 find them once again. When a pet owner schedules an appointment with you to take 127 00:09:15,470 --> 00:09:20,990 care of their pet, you should get an email that looks something like this. And you 128 00:09:20,990 --> 00:09:24,320 can then go and check that appointment by clicking on the 'all my appointments' 129 00:09:24,320 --> 00:09:29,530 button on your profile page, which will lead you to a page that looks like this. 130 00:09:29,530 --> 00:09:36,320 As you can see, Tricia has asked me to take care of her dog from this day to 131 00:09:36,320 --> 00:09:41,300 this day; and to make sure I know more about the pet, I can even check out their 132 00:09:41,300 --> 00:09:43,810 profile. 133 00:09:45,360 --> 00:09:49,269 After a user is finished making their profile, they'll be able to add some pets. 134 00:09:49,269 --> 00:09:53,620 At the bottom of the user profile is the 'my pet' section. This particular user 135 00:09:53,620 --> 00:09:57,459 happens I have three pets: Possum, Zoey and Lacey. But say they want to add one 136 00:09:57,459 --> 00:10:01,240 more. Over here on the right is a list of buttons, and at the bottom is 'add a pet'. 137 00:10:01,240 --> 00:10:07,029 Clicking on 'add a pet' will push you out to this form. I filled in a lot of these 138 00:10:07,029 --> 00:10:09,970 fields for the brevity of the demo, but I'm going to explain a little bit about 139 00:10:09,970 --> 00:10:14,889 this information. On the left hand side, you have your pet's profile info. This is 140 00:10:14,889 --> 00:10:18,399 public facing information, in the sense that people who navigate to your profile 141 00:10:18,399 --> 00:10:23,949 will be able to see this information about your pet. Here on the right, pet 142 00:10:23,949 --> 00:10:27,670 care info, is information that will only be shared with a pet care provider that 143 00:10:27,670 --> 00:10:31,689 you schedule with. This is information we deem not so much pertinent to the other 144 00:10:31,689 --> 00:10:34,870 users on the site; but if somebody was working with your animal, these are 145 00:10:34,870 --> 00:10:39,850 things they may want to know: notes about behavior, health, and needs. If we click on 146 00:10:39,850 --> 00:10:43,420 'add my pet', it will create this pet and push us to his profile page. In this 147 00:10:43,420 --> 00:10:47,980 circumstance, we're creating Sawyer, the Sheltie. Clicking on 'add my pet' pushes us 148 00:10:47,980 --> 00:10:51,879 out to Sawyer's profile page. Pet profile pages are pretty similar to the user 149 00:10:51,879 --> 00:10:55,899 profile pages -- just a bit simplified and stripped down. One of the main 150 00:10:55,899 --> 00:11:00,339 differences though is a scroll area here on the right. As opposed to the 151 00:11:00,339 --> 00:11:03,790 displaying care providers that are within proximity, the scroll area instead 152 00:11:03,790 --> 00:11:09,040 will display care providers that have worked with this animal in the past. This 153 00:11:09,040 --> 00:11:12,370 hopefully will serve as a record and a means of networking between care 154 00:11:12,370 --> 00:11:18,040 providers and pet owners. Heading back out to the owners profile, scrolling down 155 00:11:18,040 --> 00:11:21,129 to the 'my pet' section, we'll look at another feature that's associated with the pet 156 00:11:21,129 --> 00:11:25,689 profiles: the ability to book and view appointments. In this case, we'll take a 157 00:11:25,689 --> 00:11:28,929 look at Zoey's individual pet appointments. Mousing over her card and 158 00:11:28,929 --> 00:11:32,410 clicking on 'pet appointments' will take us out to this page. At the moment, Zoey 159 00:11:32,410 --> 00:11:35,470 doesn't seem to have any upcoming appointments. Clicking on the 'past 160 00:11:35,470 --> 00:11:38,679 appointments' tab will load up a ledger of past appointments that have been scheduled 161 00:11:38,679 --> 00:11:41,009 for Zoey. 162 00:11:44,220 --> 00:11:48,030 Heading back out to the profile, an alternative means to view appointments would be 163 00:11:48,030 --> 00:11:51,600 to use the 'all my appointments' button. This button will concatenate all 164 00:11:51,600 --> 00:11:54,780 the appointments that have been scheduled for each of your pets, and display them 165 00:11:54,780 --> 00:12:09,660 in one spot, both in an 'upcoming' and 'past' format. Back out on the user profile, and 166 00:12:09,660 --> 00:12:13,320 down on the 'my pet' section, another fun feature associated with the pet profiles 167 00:12:13,320 --> 00:12:17,370 is the photo gallery. Each pet has their own photo gallery where up to five pictures 168 00:12:17,370 --> 00:12:21,240 can be uploaded. These pictures must be in .jpg format and have a file size of 169 00:12:21,240 --> 00:12:24,900 under 4 megabytes. This is a cool feature to show off your favorite pictures and 170 00:12:24,900 --> 00:12:28,740 give the individual pets a bit more identity on the site. For this example, 171 00:12:28,740 --> 00:12:33,060 we're going to use Possum. Navigate into Possum's pet profile, and click her 'my pet 172 00:12:33,060 --> 00:12:37,830 pic gallery'. Here you can see a few pictures of Possum, in her different 173 00:12:37,830 --> 00:12:42,420 iterations. Here she is playing outside, and in kitty, kitty, and in human form. And say you 174 00:12:42,420 --> 00:12:47,870 want to add one more picture of Possum. We scroll up here to 'add a new picture', 175 00:12:47,870 --> 00:13:03,240 choose file, and give it a caption, and there it is -- there's Possum peeking. This has been 176 00:13:03,240 --> 00:13:06,660 a demo of how the pet profiles work on Petopia. I hope this finds you well. 177 00:13:06,660 --> 00:13:09,650 Thanks for your time. 178 00:13:11,240 --> 00:13:14,300 if you've all watched up to this point, thank you very much. 179 00:13:14,300 --> 00:13:18,020 If you have any questions about our project, you can email us over at Petopia 180 00:13:18,020 --> 00:13:23,300 dot by dot nerdvana at gmail.com. And if you want to look at the source code of 181 00:13:23,300 --> 00:13:29,210 our project or collaborate, our github is also there on the screen down below and 182 00:13:29,210 --> 00:13:36,340 thank you all for watching ok all right thanks everyone!