{"id":113,"date":"2024-02-15T14:30:03","date_gmt":"2024-02-15T14:30:03","guid":{"rendered":"https:\/\/comdma.com\/sergiocolunga\/?p=113"},"modified":"2024-02-15T14:30:03","modified_gmt":"2024-02-15T14:30:03","slug":"dma217-wakeup-app","status":"publish","type":"post","link":"https:\/\/comdma.com\/sergiocolunga\/2024\/02\/15\/dma217-wakeup-app\/","title":{"rendered":"DMA217 WakeUp app"},"content":{"rendered":"<style>.kadence-column113_5c5870-00 > .kt-inside-inner-col,.kadence-column113_5c5870-00 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column113_5c5870-00 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column113_5c5870-00 > .kt-inside-inner-col{flex-direction:column;}.kadence-column113_5c5870-00 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column113_5c5870-00 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column113_5c5870-00{position:relative;}@media all and (max-width: 1024px){.kadence-column113_5c5870-00 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column113_5c5870-00 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column113_5c5870-00\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id113_4d1af2-2b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id113_4d1af2-2b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id113_4d1af2-2b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id113_4d1af2-2b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id113_4d1af2-2b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id113_4d1af2-2b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id113_4d1af2-2b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column113_7cab63-eb > .kt-inside-inner-col,.kadence-column113_7cab63-eb > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column113_7cab63-eb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column113_7cab63-eb > .kt-inside-inner-col{flex-direction:column;}.kadence-column113_7cab63-eb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column113_7cab63-eb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column113_7cab63-eb{position:relative;}@media all and (max-width: 1024px){.kadence-column113_7cab63-eb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column113_7cab63-eb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column113_7cab63-eb\"><div class=\"kt-inside-inner-col\">\n<p>For our first project of DMA 217 we had to create an app prototype within Figma which made us learn about the interaction between different webpages\/ app sections and how to connect them together and to create something we can present to a coder so that they understand what we wanted from the design. <\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column113_920719-9b > .kt-inside-inner-col,.kadence-column113_920719-9b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column113_920719-9b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column113_920719-9b > .kt-inside-inner-col{flex-direction:column;}.kadence-column113_920719-9b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column113_920719-9b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column113_920719-9b{position:relative;}@media all and (max-width: 1024px){.kadence-column113_920719-9b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column113_920719-9b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column113_920719-9b\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" src=\"https:\/\/comdma.com\/sergiocolunga\/wp-content\/uploads\/sites\/254\/2024\/02\/WAKEUP-1024x788.png\" alt=\"\" class=\"wp-image-114\" style=\"width:521px;height:auto\" srcset=\"https:\/\/comdma.com\/sergiocolunga\/wp-content\/uploads\/sites\/254\/2024\/02\/WAKEUP-1024x788.png 1024w, https:\/\/comdma.com\/sergiocolunga\/wp-content\/uploads\/sites\/254\/2024\/02\/WAKEUP-300x231.png 300w, https:\/\/comdma.com\/sergiocolunga\/wp-content\/uploads\/sites\/254\/2024\/02\/WAKEUP-768x591.png 768w, https:\/\/comdma.com\/sergiocolunga\/wp-content\/uploads\/sites\/254\/2024\/02\/WAKEUP.png 1088w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n\n<p>With this huge layout seen above I connected the different pages to display on button presses that then switched to what indicated it to switch to. With the development of this prototype I was able to confirm The login page and setting up an account, as well as being able to make the schedule function clear. <\/p>\n\n\n\n<p>With all of this setup the usable link is below where it will show you how it works on the iphone13 <\/p>\n\n\n\n<p><a href=\"https:\/\/www.figma.com\/proto\/WSHT16I6qcAkaXKukvYZld\/Phone-app?type=design&amp;node-id=1-2&amp;t=hoW96MfsPWZ90z5Q-0&amp;scaling=scale-down&amp;starting-point-node-id=1%3A2\">https:\/\/www.figma.com\/proto\/WSHT16I6qcAkaXKukvYZld\/Phone-app?type=design&amp;node-id=1-2&amp;t=hoW96MfsPWZ90z5Q-0&amp;scaling=scale-down&amp;starting-point-node-id=1%3A2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For our first project of DMA 217 we had to create an app prototype within Figma which made us learn about the interaction between different webpages\/ app sections and how to connect them together and to create something we can present to a coder so that they understand what we wanted from the design. With [&hellip;]<\/p>\n","protected":false},"author":247,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":false,"author_info":{"display_name":"sergiocolunga","author_link":"https:\/\/comdma.com\/sergiocolunga\/author\/sergiocolunga\/"},"comment_info":"","category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":10,"filter":"raw","cat_ID":1,"category_count":10,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/users\/247"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":1,"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/posts\/113\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/sergiocolunga\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}