{"id":2,"date":"2023-04-03T21:35:55","date_gmt":"2023-04-03T21:35:55","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/tannoura\/?page_id=2"},"modified":"2023-04-18T15:34:26","modified_gmt":"2023-04-18T15:34:26","slug":"bp-2","status":"publish","type":"page","link":"https:\/\/blogs.oregonstate.edu\/tannoura\/bp-2\/","title":{"rendered":"Blog Post 2"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-fba978fb76daf57922dc73a6a6aae3b2 has-global-padding is-layout-constrained wp-container-core-group-is-layout-23b1a4dc wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-b585a4aa wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flex wp-block-group-is-layout-flex\"><div class=\"is-default-size wp-block-site-logo\"><a href=\"https:\/\/blogs.oregonstate.edu\/tannoura\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"499\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/headshot.jpg\" class=\"custom-logo\" alt=\"headshot of author\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/headshot.jpg 514w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/headshot-300x291.jpg 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/a><\/div>\n\n<h1 class=\"has-link-color wp-elements-f1e98d6c897e424c7d4e8232ded39f0a wp-block-site-title\"><a href=\"https:\/\/blogs.oregonstate.edu\/tannoura\" target=\"_self\" rel=\"home\">CS467- Capstone Project Journey<\/a><\/h1><\/div>\n\n\n<nav class=\"is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f665d2b5 wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive items-justified-right wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/blogs.oregonstate.edu\/tannoura\/bp-4\/\"><span class=\"wp-block-navigation-item__label\">Blog Post 4<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/blogs.oregonstate.edu\/tannoura\/bp-3\/\"><span class=\"wp-block-navigation-item__label\">Blog Post 3<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/blogs.oregonstate.edu\/tannoura\/bp-2\/\"><span class=\"wp-block-navigation-item__label\">Blog Post 2<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/blogs.oregonstate.edu\/tannoura\/bp-1\/\"><span class=\"wp-block-navigation-item__label\">Blog Post 1<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav><\/div>\n<\/div>\n\n\n\n<main class=\"wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<h1 class=\"alignwide has-contrast-color has-text-color has-background wp-block-heading\" style=\"background:linear-gradient(135deg,rgb(202,248,128) 14%,rgb(113,206,126) 56%);margin-top:0;margin-bottom:var(--wp--preset--spacing--40);font-size:clamp(25.5px, 1.594rem + ((1vw - 3.2px) * 1.989), 43px);font-style:normal;font-weight:400\">CS467- Kollectively Biking to the Finish<\/h1>\n\n\n\n<div class=\"wp-block-group alignwide has-contrast-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:20px;background:linear-gradient(135deg,rgb(202,248,128) 10%,rgb(113,206,126) 63%);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"has-text-color\" style=\"color:#000000;font-size:clamp(24.034px, 1.502rem + ((1vw - 3.2px) * 1.814), 40px);line-height:1.1\">Blog Post 2<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\"><strong>Why did you and your team choose the technologies you did?<\/strong><\/h5>\n\n\n\n<p class=\"has-text-color has-extra-small-font-size\" style=\"color:#000000\">After talking with my team, we realized that all our experience was roughly the same when it came to the project at hand. We were to design a cross-platform mobile app without any experience. With this in mind, I tried to research what options were available for beginner mobile developers who needed to make an app compatible with both iOS and Android devices. I was able to find React Native and Expo. I went ahead and watched a few tutorials, so that when we were going to have our initial group meetign we could discuss technologies. Everyone was in consensus that React Native made the most sense.<\/p>\n\n\n\n<p>Things started to fall into place once we had our UI figured out. Given that we only had to store data for bikes and users, it made the most sense to use a familiar non-relational database, that being MongoDb. I harped on choosing technologies that the team had used, since we had a lot to learn for the UI and map integration services. Additionally, working as a ULA for Web Development set me up well with these tools and there was no strong preference for other tech to be used.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\"><strong><strong>What do you like or dislike about your system UI\/UX?<\/strong><\/strong><\/h5>\n\n\n\n<p>React Native is simple to get started with, and offers a lot of flexibility in the pre-built libraries for different icons\/widgets. Expo allows simple access to camera and location services, which are crucial for our application. Additionally, these components have preset styles specific to the platform they run on, meaning that although the apps may look slightly different, we can assure their functionality will be nearly identical. On the flip side, to design a cohesive app this means we need to set specific styles per page, which can be a lot when you are used to setting up global styles due to experience in web development.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong><strong><strong>What do you like or dislike about your design modularity? Does it enable each of your to work independently?<\/strong><\/strong><\/strong><\/h5>\n\n\n\n<p>Going off what was said above, each screen will be unique in its layout, and although having a cohesive style\/branding is ideal, it will be difficult to implement in practice. I think this may be a challenge to working independently, as we each design our screens. I believe the best way to tackle this is by making basic screens and refining their styles later on.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover alignwide is-light\" style=\"min-height:283px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-base-background-color has-background-dim-10 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"442\" class=\"wp-block-cover__image-background wp-image-28\" alt=\"Figma UI Screens for Bike Application\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/Bike_Screens.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/Bike_Screens.jpg 882w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/Bike_Screens-300x150.jpg 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6743\/files\/2023\/04\/Bike_Screens-768x385.jpg 768w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<p style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.591), 1.2rem);\">Screens designed by team member Andrew Layendecker for our group&#8217;s Bike Kollective mobile application using Figma<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-query alignwide has-global-padding is-layout-constrained wp-block-query-is-layout-constrained\"><\/div>\n<\/main>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":13429,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/users\/13429"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/pages\/2\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/tannoura\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}