{"id":958,"date":"2023-02-07T16:29:17","date_gmt":"2023-02-07T21:29:17","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?page_id=958"},"modified":"2023-02-07T16:29:19","modified_gmt":"2023-02-07T21:29:19","slug":"portfolio-brief","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/projects\/portfolio-brief\/","title":{"rendered":"Portfolio Brief"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>The Portfolio Brief is a document to describe the Portfolio web site that you will be creating. It includes a number of areas where you will write about the project and 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>Because we&#8217;re going on break, the due date is after the break:<\/p>\n\n\n\n<p><strong>Tuesday, February 14 (happy Valentine&#8217;s Day)<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Submitting the Portfolio Brief<\/h4>\n\n\n\n<p>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-spring23\/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>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>You will create two visualizations for your brief. <\/p>\n\n\n\n<p>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-spring23\/wp-content\/uploads\/sites\/1441\/2021\/03\/image-5.png\" alt=\"\" class=\"wp-image-994\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2021\/03\/image-5.png 769w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2021\/03\/image-5-300x298.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/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>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-spring23\/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>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<figure class=\"wp-block-image size-large is-style-twentytwentyone-image-frame\"><img loading=\"lazy\" decoding=\"async\" width=\"527\" height=\"696\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1441\/2021\/03\/image-6.png\" alt=\"\" class=\"wp-image-995\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2021\/03\/image-6.png 527w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2021\/03\/image-6-227x300.png 227w\" sizes=\"auto, (max-width: 527px) 100vw, 527px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Hi-fi wireframe<\/h5>\n\n\n\n<p>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 size-large is-style-twentytwentyone-image-frame\"><img loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"690\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/1441\/2021\/03\/image-7.png\" alt=\"\" class=\"wp-image-996\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2021\/03\/image-7.png 573w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2021\/03\/image-7-249x300.png 249w\" sizes=\"auto, (max-width: 573px) 100vw, 573px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Portfolio Brief is a document to describe the Portfolio web site that you will be creating. It includes a number of areas where you will write about the project and create visualizations to show what it will be like. Due Date Because we&#8217;re going on break, the due date is after the break:&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/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 Portfolio web site that you will be creating. It includes a number of areas where you will write about the project and create visualizations to show what it will be like. Due Date Because we&#8217;re going on break, the due date is after the break: Tuesday, February 14 (happy Valentine&#8217;s Day) Submitting the Portfolio Brief This page has more information on how to submit the midterm and schedule your presentation time. View Submitting the Portfolio Brief post. Portfolio Brief Scoring Rubric SCORING RUBRIC Scored Areas% of Overall ScoreOrganizationClear Sections for&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/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-spring23\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"Overview The Portfolio Brief is a document to describe the Portfolio web site that you will be creating. It includes a number of areas where you will write about the project and create visualizations to show what it will be like. Due Date Because we&#8217;re going on break, the due date is after the break:&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/pages\/958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/comments?post=958"}],"version-history":[{"count":23,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/pages\/958\/revisions"}],"predecessor-version":[{"id":2559,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/pages\/958\/revisions\/2559"}],"up":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/pages\/93"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/media?parent=958"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/coauthors?post=958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}