{"id":925,"date":"2026-05-15T10:44:05","date_gmt":"2026-05-15T10:44:05","guid":{"rendered":"https:\/\/itdd.au.dk\/powerpuff-ladies\/?p=925"},"modified":"2026-05-18T08:17:01","modified_gmt":"2026-05-18T08:17:01","slug":"prototypen","status":"publish","type":"post","link":"https:\/\/itdd.au.dk\/powerpuff-ladies\/2026\/05\/15\/prototypen\/","title":{"rendered":"PROTOTYPEN"},"content":{"rendered":"\n<h1 class=\"wp-block-heading alignfull has-text-align-center has-text-color has-background has-link-color wp-elements-e5d89920c76d6884dde3b4444132e94d\" style=\"color:#ff8a53;background-color:#f9c3aa;font-size:clamp(3.502rem, 3.502rem + ((1vw - 0.2rem) * 5.801), 7.2rem);\">AULA+<\/h1>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><p><iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"800\" height=\"450\" src=\"https:\/\/embed.figma.com\/proto\/LGCZ5BZ0XqnNogGzpKqG6k\/Prototype?node-id=72-2&#038;starting-point-node-id=72%3A2&#038;embed-host=share\" allowfullscreen><\/iframe><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-2 has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-fd7faf85 wp-block-group-is-layout-constrained is-style-section-2--1\" style=\"background-color:#ffb077;min-height:76vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Som tidligere n\u00e6vnt&nbsp;arbejder vi med at inkorporere forskellige elementer i den allerede eksisterende app Aula.&nbsp;Dette betyder, at vi ikke skal skabe et design fra bunden, men at vores elementer skal passe til og dermed bygger p\u00e5 Aulas&nbsp;design. Af denne grund springer vi low-fidelity&nbsp;prototyperne over og g\u00e5r direkte til en high-fidelity&nbsp;prototype&nbsp;(Dam &amp; Teo, 2020).&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vi har valgt at lave prototypen i\u00a0figma, da vi heri kan\u00a0lave de visuelle elementer af appen\u00a0samt\u00a0se\u00a0og navigere rundt i den\u00a0som om, det var en rigtig app\u00a0uden at det kr\u00e6ver\u00a0kompetencerne til at kode en\u00a0appen. Dette betyder\u00a0dog, at funktionerne i prototypen ikke virker, som de ville g\u00f8re i en udgivet app.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br>For at f\u00e5 prototypen samt de nye elementer til at ligne og passe til Aula-appen, har\u00a0vi f\u00e5et fat i screenshots af appen, som vi herefter har anonymiseret. Screenshotsene kommer fra forskellige brugere, da vi havde brug for\u00a0billeder af b\u00e5de for\u00e6ldreversionen og den professionelle version. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grunden til dette er, at de to versioner ikke er ens og\u00a0indeholder forskellige\u00a0funktioner, f.eks. muligheden for at oprette en begivenhed, hvilket vi vil over\u00a0overf\u00f8re til for\u00e6ldreversionen.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Udover ovenst\u00e5ende prototype p\u00e5 en for\u00e6ldreversion af Aula har vi lavet en mindre prototype&nbsp;af den professionelle version. Denne prototype indeholder kun oprettelsen af et opslag, hvor man skal v\u00e6lge et m\u00e6rkat. Disse m\u00e6rkater er ens med filtrene i for\u00e6ldreversionen.<\/p>\n\n\n\n<div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"593\" height=\"1024\" src=\"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-content\/uploads\/sites\/105\/2026\/05\/Skaermbillede-2026-05-17-kl.-21.42.01-593x1024.png\" alt=\"\" class=\"wp-image-1000\" style=\"aspect-ratio:0.5791034362462933;width:308px;height:auto\" srcset=\"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-content\/uploads\/sites\/105\/2026\/05\/Skaermbillede-2026-05-17-kl.-21.42.01-593x1024.png 593w, https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-content\/uploads\/sites\/105\/2026\/05\/Skaermbillede-2026-05-17-kl.-21.42.01-174x300.png 174w, https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-content\/uploads\/sites\/105\/2026\/05\/Skaermbillede-2026-05-17-kl.-21.42.01-768x1327.png 768w, https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-content\/uploads\/sites\/105\/2026\/05\/Skaermbillede-2026-05-17-kl.-21.42.01.png 802w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-ae44ec5d wp-block-columns-is-layout-flex\" style=\"margin-bottom:0\">\n<div class=\"wp-block-column has-text-color has-background has-link-color has-small-font-size wp-elements-5059100bc61a8bf7a7a0107c60dd4215 is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:65px;border-top-right-radius:65px;border-bottom-left-radius:65px;border-bottom-right-radius:65px;color:#000000;background-color:#f27f58e8;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-default\" id=\"single\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.678), 21px);\">PROTOTYPE<\/h2>\n\n\n\n<div class=\"wp-block-buttons alignfull is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-920e359d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/itdd.au.dk\/powerpuff-ladies\/2026\/03\/30\/prototype\/\" style=\"border-style:none;border-width:0px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;color:#000000;background-color:#fefefe;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">L\u00c6S HER<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-text-color has-background has-link-color has-small-font-size wp-elements-a994ac6e6439ec376d267f62e2734b93 is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:65px;border-top-right-radius:65px;border-bottom-left-radius:65px;border-bottom-right-radius:65px;color:#000000;background-color:#f24f18cc;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-default\" id=\"family\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.678), 21px);\">VEJEN TIL PROTOTYPEN<\/h2>\n\n\n\n<div class=\"wp-block-buttons alignfull is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-920e359d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link has-text-color has-background has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/itdd.au.dk\/powerpuff-ladies\/2026\/05\/17\/vejen-til-beslutningen\/\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;color:#000000;background-color:#ffffff;padding-top:0;padding-bottom:0\">L\u00c6S HER<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-text-color has-background has-link-color has-small-font-size wp-elements-9bfda07f5f4bcb40ba735a011ead41f7 is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:65px;border-top-right-radius:65px;border-bottom-left-radius:65px;border-bottom-right-radius:65px;color:#000000;background-color:#af0c00;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-default\" id=\"patron\" style=\"font-size:clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.678), 21px);\">TEST<\/h2>\n\n\n\n<div class=\"wp-block-buttons alignfull is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-920e359d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/itdd.au.dk\/powerpuff-ladies\/2026\/03\/30\/test\/\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;color:#000000;background-color:#ffffff;padding-top:0;padding-bottom:0\">L\u00c6S HER<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AULA+ Som tidligere n\u00e6vnt&nbsp;arbejder vi med at inkorporere forskellige elementer i den allerede eksisterende app Aula.&nbsp;Dette betyder, at vi ikke skal skabe et design fra bunden, men at vores elementer skal passe til og dermed bygger p\u00e5 Aulas&nbsp;design. Af denne grund springer vi low-fidelity&nbsp;prototyperne over og g\u00e5r direkte til en high-fidelity&nbsp;prototype&nbsp;(Dam &amp; Teo, 2020).&nbsp; Vi [&hellip;]<\/p>\n","protected":false},"author":72,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-925","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/posts\/925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/comments?post=925"}],"version-history":[{"count":19,"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/posts\/925\/revisions"}],"predecessor-version":[{"id":1024,"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/posts\/925\/revisions\/1024"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/media?parent=925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/categories?post=925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itdd.au.dk\/powerpuff-ladies\/wp-json\/wp\/v2\/tags?post=925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}