{"id":958,"date":"2021-03-17T19:23:35","date_gmt":"2021-03-17T23:23:35","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?page_id=958"},"modified":"2022-02-14T18:35:18","modified_gmt":"2022-02-14T23:35:18","slug":"portfolio-brief","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/portfolio-brief\/","title":{"rendered":"Portfolio Brief"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Portfolio Brief is a document to describe the site that you will be creating for your Portfolio Project. It includes a number of areas where you will write about the project or create visualizations to show what it will be like.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Due Date<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wenesday, February 16<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We have class on the day it&#8217;s due. The brief will not be the focus of the class but there will be some time for questions, during that class. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Submitting the Portfolio Brief<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This page has more information on how to submit the midterm and schedule your presentation time. View <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/submitting-the-brief\/\" data-type=\"post\" data-id=\"1093\">Submitting the Portfolio Brief<\/a> post.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Portfolio Brief Scoring Rubric<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">SCORING RUBRIC<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Scored Areas<\/td><td>% of Overall Score<\/td><\/tr><tr><td><strong>Organization<\/strong><br>Clear Sections for all content areas<br>&#8211; Project Name  <br>&#8211; Description <br>&#8211; Target Audience<br>&#8211; Goals<br>&#8211; Look and Feel<br>&#8211; Research<br>&#8211; Site Map<br>&#8211; Wireframes<\/td><td>10%<\/td><\/tr><tr><td><strong>Description<\/strong><br>Describe what the project is.<\/td><td>10%<\/td><\/tr><tr><td><strong>Target Audience<\/strong><br>Describe the people who will visit the site (demographic information, interests, profession etc)<\/td><td>10%<\/td><\/tr><tr><td><strong>Goals<\/strong><br>Describe your goals: why are you making the site.<br>Describe the users&#8217; (target audience) goals. What do they want to see? What information are they looking for?<\/td><td>10%<\/td><\/tr><tr><td><strong>Look and Feel<\/strong><br>Describe the visual design and how you want the site design to make people feel. If there are interactive elements, describe those as well.<\/td><td>10%<\/td><\/tr><tr><td><strong>Research<\/strong><br>Include a paragraph (or more) on the research that you did in planning your portfolio site. You can take this from the work we did in class: <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/portfolio-research\/\" data-type=\"post\" data-id=\"2482\">Portfolio Research Post<\/a><br><br>In addition to the paragraph, provide two to three sites that provide inspiration. For each site:<br>&#8211; name of the site<br>&#8211; link to the site (can make the name the link or show url separately)<br>&#8211; reason the site was chosen<br>&#8211; optional screenshot<\/td><td>10%<\/td><\/tr><tr><td><strong><strong>Site Map<\/strong><br><\/strong>A site map that has a rectangle for each page of the site. The lines connecting the pages show how navigation works. You can use an org chart diagram in Word\/Google Docs to draw this.<\/td><td>10%<\/td><\/tr><tr><td><strong>Wireframe<\/strong><br>Each <strong>type<\/strong> of page in your site map should have a wireframe for it. You can produce a lo-fi wireframe. You do NOT need to have hi-fi or mockup.<br><br>Each page should have at least two versions (large and small\/mobile) but preferably three (large\/medium\/small also written as desktop\/tablet\/mobile).<\/td><td>30%<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Visualization Examples<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will create two visualizations for your brief. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples on this <a href=\"https:\/\/miro.com\/app\/board\/o9J_lOtOHuI=\/\" target=\"_blank\" rel=\"noreferrer noopener\">Miro Site Visualizations Board<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Site map<\/li><li>Wireframe (low or high fidelity, mockups also accepted)<\/li><\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Sitemap<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-style-twentytwentyone-image-frame\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"764\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/1441\/2021\/03\/image-5.png\" alt=\"\" class=\"wp-image-994\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2021\/03\/image-5.png 769w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2021\/03\/image-5-300x298.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2021\/03\/image-5-150x150.png 150w\" sizes=\"auto, (max-width: 769px) 100vw, 769px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Blog posts<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Example of representing a group of pages with overlapping rectangles<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"224\" height=\"202\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/1441\/2021\/03\/image-4.png\" alt=\"\" class=\"wp-image-993\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Wireframes<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Lo-fi wireframe<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">These generally block out content areas of the page without showing the actual individual content items (title, text, list, image etc.) in detail.<\/p>\n\n\n\n<p class=\"has-yellow-background-color has-background wp-block-paragraph\">Note: Each type of page needs <strong>three<\/strong> wireframes: large\/medium\/small(phone) layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large is-style-twentytwentyone-image-frame\"><img loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"1024\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.18.00-PM-894x1024.png\" alt=\"low fidelity wireframe with large, medium and small layouts.\" class=\"wp-image-2484\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.18.00-PM-894x1024.png 894w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.18.00-PM-262x300.png 262w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.18.00-PM-768x880.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.18.00-PM-1341x1536.png 1341w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.18.00-PM.png 1472w\" sizes=\"auto, (max-width: 894px) 100vw, 894px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Hi-fi wireframe<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">These wireframes do show individual content items, but DO NOT show typography or color and other visual design elements.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large is-style-twentytwentyone-image-frame\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"1024\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.21.00-PM-760x1024.png\" alt=\"high fidelity wireframe with large, medium and small layouts.\" class=\"wp-image-2487\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.21.00-PM-760x1024.png 760w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.21.00-PM-223x300.png 223w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.21.00-PM-768x1035.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.21.00-PM-1140x1536.png 1140w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/Screen-Shot-2022-02-02-at-4.21.00-PM.png 1520w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Portfolio Brief is a document to describe the site that you will be creating for your Portfolio Project. It includes a number of areas where you will write about the project or create visualizations to show what it will be like. Due Date Wenesday, February 16 We have class on the day it&#8217;s&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/projects\/portfolio-brief\/\">Continue reading <span class=\"screen-reader-text\">Portfolio Brief<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"parent":93,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"coauthors":[87],"class_list":["post-958","page","type-page","status-publish","hentry","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>Overview The Portfolio Brief is a document to describe the site that you will be creating for your Portfolio Project. It includes a number of areas where you will write about the project or create visualizations to show what it will be like. Due Date Wenesday, February 16 We have class on the day it&#8217;s due. The brief will not be the focus of the class but there will be some time for questions, during that class. Submitting the Portfolio Brief This page has more information on how to submit the midterm and schedule your presentation time. View Submitting the&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"Overview The Portfolio Brief is a document to describe the site that you will be creating for your Portfolio Project. It includes a number of areas where you will write about the project or create visualizations to show what it will be like. Due Date Wenesday, February 16 We have class on the day it&#8217;s&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/comments?post=958"}],"version-history":[{"count":27,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/958\/revisions"}],"predecessor-version":[{"id":2651,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/958\/revisions\/2651"}],"up":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/93"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=958"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}