{"id":115,"date":"2018-04-09T11:34:19","date_gmt":"2018-04-09T16:34:19","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=115"},"modified":"2018-04-09T11:34:19","modified_gmt":"2018-04-09T16:34:19","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/portfolio\/","title":{"rendered":"Portfolio\/NMI Dossier"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1706\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1.jpg\" alt=\"\" class=\"wp-image-2506\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1.jpg 2560w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1-300x200.jpg 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1-1024x682.jpg 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1-768x512.jpg 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1-1536x1024.jpg 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/11\/danielle-macinnes-IuLgi9PWETU-unsplash-scaled-1-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption class=\"wp-element-caption\">Photo by <a href=\"https:\/\/unsplash.com\/@dsmacinnes?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Danielle MacInnes<\/a>.<\/figcaption><\/figure>\n\n\n\n<p>ATTN Summer 2023!! We will follow guidelines specific to your program listed on <a href=\"https:\/\/nmi.cool\/portfolio\">https:\/\/nmi.cool\/portfolio<\/a>. You must complete a professional portfolio and write one case study for this project! Review the slides below, but you do not need to reference the below split assignment.<\/p>\n\n\n\n<p>NMI Dossier: Throughout your academic journey, you\u2019ll create many things you want to show off to the world. Through your NMI classes, you\u2019ll develop and build on the skills to create a digital portfolio to do so. See below to find the appropriate assignment.&nbsp;<\/p>\n\n\n\n<p><strong>Certificate Dossier<\/strong><\/p>\n\n\n\n<p>NMC Dossier Details:<strong> <\/strong><a href=\"https:\/\/nmi.cool\/portfolio\/\">nmi.cool\/portfolio<\/a><\/p>\n\n\n\n<p>NMC Dossier Submission: <a href=\"http:\/\/bit.ly\/3GRiZJ4\">http:\/\/bit.ly\/3GRiZJ4<\/a>&nbsp;<\/p>\n\n\n\n<p><strong>Note: <\/strong>Links do not need to be resubmitted or updated each semester. Just be certain to check that your URLs are up-to-date and functional.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td colspan=\"2\"><strong>NMC Dossier<\/strong><\/td><\/tr><tr><td><strong>Case Study Collection<\/strong><\/td><td><strong>Professional Portfolio<\/strong><\/td><\/tr><tr><td>NMC Narrative<\/td><td rowspan=\"2\">This is your public portfolio website that started in Web Dev. It will include things like:&nbsp;About MeFeatured ProjectsContact PageResumeAnything else you want to include!&nbsp;<\/td><\/tr><tr><td>Course Case Studies for:All NMIX Courses you take as part of your Certificate&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Emerging Media Dossier<\/strong><\/p>\n\n\n\n<p>EM Dossier Details:&nbsp; <a href=\"https:\/\/nmi.cool\/portfolio\/\">nmi.cool\/portfolio<\/a><\/p>\n\n\n\n<p>EM Dossier Submission: <a href=\"https:\/\/bit.ly\/37oQKi8\">https:\/\/bit.ly\/37oQKi8<\/a>&nbsp;<\/p>\n\n\n\n<p><strong>Note: <\/strong>Links do not need to be resubmitted or updated each semester. Just be certain to check that your URLs are up-to-date and functional.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td colspan=\"2\"><strong>EM Dossier<\/strong><\/td><\/tr><tr><td><strong>Case Study Collection<\/strong><\/td><td><strong>Professional Portfolio<\/strong><\/td><\/tr><tr><td>EM Narrative<\/td><td rowspan=\"3\">This is your public portfolio website that started in Web Dev. It will include things like:&nbsp;About MeFeatured ProjectsContact PageResumeAnything else you want to include!&nbsp;<\/td><\/tr><tr><td>Capstone Case Study<\/td><\/tr><tr><td>EM Course Case Studies for:NMIX 6010: Web DevelopmentNMIX 6011: New Media DesignNMIX 6020: Advanced Web DevelopmentNMIX 6030: Native App DevelopmentJRMC 7010: CX DesignJRMC 7011: Project Management &amp; InnovationJRMC 7013: Emerging Media Strategy&nbsp;NMIX 6012: Emerging Media IndustriesJRMC 7012: Digital Media Storytelling<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Not a certificate or masters student? <\/strong>Don\u2019t worry! We have you covered with your course case study. Be sure to use the same criteria outlined here:: <a href=\"https:\/\/nmi.cool\/portfolio\/\">nmi.cool\/portfolio<\/a><strong>Earning both the certificate and masters? <\/strong>Oh, you overachiever you! Check out <em>both<\/em> dossier details above.<\/p>\n\n\n\n<p>Review these slides:<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/1bY2ra5JTSETp9xaL5t_Vd8dGcjj54VaVzkmlJzYBZ1A\/edit#slide=id.g2266ed7b8a5_0_1035\">https:\/\/docs.google.com\/presentation\/d\/1bY2ra5JTSETp9xaL5t_Vd8dGcjj54VaVzkmlJzYBZ1A\/edit#slide=id.g2266ed7b8a5_0_1035<\/a><\/p>\n\n\n\n<p><span style=\"font-weight: 400\">Throughout your academic journey, you\u2019ll create many things you want to show off to the world. As you earn your New Media Certificate, you\u2019ll develop the skills to create a digital portfolio to do so. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400\">Your digital portfolio will consist of two parts:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">A <\/span><b>Public Portfolio<\/b><span style=\"font-weight: 400\">, to be shared with everyone from future employers to your parents. Your Public Portfolio will include anything and everything you choose to feature: work from all your academic endeavors, internships, freelance work, personal side projects, whatever you\u2019d like. We hope you choose to feature some of your work from the New Media Institute here, but there\u2019s no requirement to do so.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">An <\/span><b>NMI Portfolio<\/b><span style=\"font-weight: 400\">, to be shared primarily with NMI faculty. Your NMI Portfolio serves two purposes. First, creating it helps you develop a clear, concise narrative of your work earning the New Media Certificate\u2014incredibly helpful for job interviews and the like. Second, your NMI Portfolio will help the NMI faculty and Advisory Council understand, assess, and improve the experience we offer NMI students. All NMI Portfolios will reside in a consistent location on each student\u2019s server (more on that later), and it\u2019s up to you whether or not to feature it publicly.<\/span><\/li>\n<\/ol>\n\n\n\n<p><span style=\"font-weight: 400\">Both portfolios will reside on your own personal website, which you\u2019ll create in your certificate production course (NMIX 4110, NMIX 4310, NMIX 5110). Therefore, <strong>you must maintain your own personal website (domain registration and hosting, likely through Reclaim Hosting) until you complete your New Media Certificate.<\/strong><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"font-weight: 600\">Public Portfolio details<\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400\">Your Public Portfolio will be hosted at the root of your domain (example: yoursite.com). You\u2019ll begin creating your Public Portfolio in your first certificate production course, and you\u2019ll submit the URL for final evaluation while enrolled in NMIX 4410: New Media Capstone.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400\">Your Public Portfolio will be evaluated against its intended purpose: presenting your work to a professional audience. Therefore, our evaluation will focus on how effectively you communicate your skills and professional aspirations through the medium of a modern responsive website.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"font-weight: 600\">NMI Portfolio: Required Content + Classes<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Section 1: New Media Certificate Summary<\/h3>\n\n\n\n<p>Your New Media Certificate summary will be an executive summary of your work\u2014a clear, concise narrative of your Certificate journey. This should serve as a digital response to an interview question asking, \u201cTell me about earning the New Media Certificate.\u201d<\/p>\n\n\n\n<p>Do not simply list or describe the courses you\u2019ve taken or the projects you\u2019ve completed. Instead, focus on crafting a narrative of what you, as a specific, individual human being, have gained by earning the New Media Certificate.<\/p>\n\n\n\n<p><strong>Note for Emerging Media students<\/strong>: swap New Media Certificate for Emerging Media Masters here! <\/p>\n\n\n\n<p><code>Note: Obviously I realize you are at the beginning of your journey at this point! Your Certificate Summary should just be a paragraph or two about what you've learned up until this point! You can add to it as you move through your course of study!  <\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Section 2: Course Summaries: <\/h3>\n\n\n\n<p>During your New Media Certificate journey, you\u2019ll complete a variety of courses, each with different learning outcomes. Each of these courses plays a role in the development of your professional toolkit and in the creation and development of your New Media Capstone Project.<\/p>\n\n\n\n<p>A Course Summary is required for each upper-level New Media Certificate course you complete<a href=\"#footnote-1-115\" id=\"note-1-115\" rel=\"footnote\">1<\/a>. This clear, concise narrative should be supported with evidence and should address the following prompts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What skills did you gain in this course and how did you exercise them? What skills have you added to your New Media toolkit that you will leverage after graduation? How will you be better suited to accomplish your professional goals after completing this course?<\/li>\n\n\n\n<li>Feature your best projects from each course. What context would someone need to understand these shining examples of your work? How did you create these, and what did you learn by doing so? Try to answer these tried-and-true questions: who, what, when, where, why and how. Use media and links as needed to paint a beautiful, complete picture. Show off your hard work and provide context.<\/li>\n\n\n\n<li>What else would you like us to know about this course and this stepping stone along your New Media Certificate journey?<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Required Course Summaries<\/h4>\n\n\n\n<p>For a full list of required course summaries please visit the <a href=\"https:\/\/mynmi.net\/nmc-portfolio\/\" target=\"_blank\" rel=\"noreferrer noopener\">portfolio guidelines on the NMI website<\/a>. Note that all course summaries will be required for the final assessment of your portfolio in Capstone. <strong>However, for the purpose of this class, you&#8217;re encourage you to complete as many course summaries as applicable, but I will only be evaluating your course summary for NMIX 4110\/6110<\/strong>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Portfolio Structure<\/h2>\n\n\n\n<p>To receive credit for your portfolio, you MUST follow the following Portfolio structure:<\/p>\n\n\n\n<p><strong>Public Portfolio:<\/strong> Your Public Portfolio must exist at your domain (i.e. yourdomain.com). Yes, you <strong>MUST<\/strong> maintain your own personal website (domain registration and hosting) until you complete your New Media Certificate.<\/p>\n\n\n\n<p><strong>New Media Portfolio:<\/strong> Your New Media Portfolio <strong>MUST<\/strong> be located at \u201cyourdomain.com\/nmc\u201d for Certificate students or &#8220;yourdomain.com\/em&#8221; for Emerging Media Masters students. Channel your Web Dev skillz to make this work. You got this.<\/p>\n\n\n\n<p>This page will contain the following:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>New Media Certificate Summary<\/li>\n\n\n\n<li>Individual Course Summaries and Featured Projects: All of your individual course content (summaries + featured projects) must exist on your New Media Portfolio page OR be linked from this page. Please label the course content in a way that we can easily identify the content related to each course. <strong>Note:<\/strong> While you\u2019re welcome to feature any class projects you want on your Public Portfolio, you\u2019re not required to.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Some important considerations&#8230; <\/h2>\n\n\n\n<p>Students can build their portfolio using WordPress or create a static site using Bootstrap, however it&#8217;s crucial that portfolios are accessible at the two following URLs: <code>yoursite.com<\/code> for the public portion of your portfolio and <code>yoursite.com\/nmc<\/code> (or <code>yoursite.com\/em<\/code>) for your NMI portfolio. Students may choose one of the following options for achieving this URL structure.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">WordPress<\/h3>\n\n\n\n<p><span style=\"text-decoration: underline\">1) Same WordPress install for Public Portfolio and NMI Portfolio <em>(recommended<\/em>)<\/span><\/p>\n\n\n\n<p>If your NMI Portfolio is simply part of your Public Portfolio&#8217;s WordPress install at the root of your site, then your New Media Certificate summary will just be a WordPress page with the URL &#8220;yoursite.com\/nmc&#8221; (or &#8220;yoursite.com\/em&#8221;). See below for instructions! <\/p>\n\n\n\n<p>If you choose to create pages for your upper-level electives (instead of presenting your entire portfolio on one page) you will need to make sure that each page has the appropriate URLs (ex. &#8220;webdev&#8221;) and is clearly linked and accessible from the NMI portfolio homepage. You can alter the URL for both your NMI portfolio and for your upper-level electives by adjusting the permalink for each page in the document settings as shown below.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/12\/Screen-Shot-2020-12-03-at-12.56.05-PM-1.png\" alt=\"\" class=\"wp-image-2527\" \/><\/figure>\n\n\n\n<p> Additionally, you may want to set up a parent page for your upper-level electives. This will basically tell WordPress that your webdev page is a &#8220;child page&#8221; of your NMI Portfolio. You can set the parent page under Page Attributes, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"319\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/14\/2019\/04\/Screen-Shot-2019-04-29-at-11.06.27-AM.png\" alt=\"WordPress Parent Page screen shot\" class=\"wp-image-543\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2019\/04\/Screen-Shot-2019-04-29-at-11.06.27-AM.png 265w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2019\/04\/Screen-Shot-2019-04-29-at-11.06.27-AM-249x300.png 249w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/figure>\n\n\n\n<p>Be aware that <strong>sometimes WordPress can be a little difficult about this process<\/strong> because you&#8217;re working within a file structure that&#8217;s already established on your server and you already have several instances of WordPress installed on your server. If your NMI portfolio won&#8217;t show up, you may need to contact Reclaim Hosting support. It&#8217;s good to plan ahead: they are quick to respond during business hours, but (understandably) slower to respond at other times. To submit a ticket with Reclaim Hosting, go to <a rel=\"noreferrer noopener\" href=\"https:\/\/reclaimhosting.com\/\" target=\"_blank\">reclaimhosting.com<\/a>, and click Support in the main menu, then  Contact Us. If you are logged in (recommended) you&#8217;ll be able to send them a screenshot of any errors (recommended!!) and CC your instructor. Name of the game here, is plan ahead! If you hit a snag, you want to have time to address it. <\/p>\n\n\n\n<p><span style=\"text-decoration: underline\">2) Separate WordPress installs for Public Portfolio and NMI Portfolio<\/span><\/p>\n\n\n\n<p>If your NMI Portfolio is its own WordPress install at yoursite.com\/nmc, then your site&#8217;s New Media Certificate summary will be your WordPress install&#8217;s home page, and your upper-level elective pages  will each be their own page at the appropriate URL (ex. &#8220;webdev&#8221;) and clearly linked from the NMI homepage. Remember, you can also choose to include all the electives on the main NMI portfolio homepage: the choice is yours. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WordPress PSA: <\/h4>\n\n\n\n<p>REMEMBER: if you make a mistake with your WordPress install, you should NOT try to solve it by manually moving the install on your server (i.e.: dragging and dropping it to a new location in CyberDuck.) You will break your site and lose your work if you do this. Instead, you should follow the steps for <a rel=\"noreferrer noopener\" href=\"http:\/\/nmi.cool\/newmediaproduction\/moving-a-wordpress-site\/\" target=\"_blank\">cloning your site<\/a> to safely move the WordPress install. <\/p>\n\n\n\n<p>And, as always, be safe and smart by <a rel=\"noreferrer noopener\" href=\"http:\/\/nmi.cool\/newmediaproduction\/backing-up-wordpress\/\" target=\"_blank\">creating a local backup<\/a> of your WordPress site after you&#8217;ve spent any significant amount of time working on it. <span style=\"font-weight: 400\"><\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Static site (Bootstrap, etc.)<\/h3>\n\n\n\n<p>There are tons of great Bootstrap themes for building out Portfolios! You can revisit our <a href=\"https:\/\/nmi.cool\/newmediaproduction\/caveat-emptor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap unit<\/a> for the links. <\/p>\n\n\n\n<p>Your New Media Certificate summary should be contained in an index.html file in a folder named &#8220;nmc&#8221; in the root of your site.<\/p>\n\n\n\n<p>You can either create a page for each upper-level elective and make sure it is clearly linked on your homepage, or you can present all of your information about your upper-level electives on the main page of your NMI portfolio: the choice is yours. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To Recap&#8230; <\/h2>\n\n\n\n<p>Your portfolio is going to grow with you throughout your Certificate journey! At this point, for the class, you need to establish your Public Portfolio (it should be a complete, polished draft<a href=\"#footnote-2-115\" id=\"note-2-115\" rel=\"footnote\">2<\/a>, but you&#8217;re welcome to add to it as you continue your journey!) and your NMI Portfolio which will include a polished draft of your New Media Certificate Summary and a Course Summary for Web Dev as outlined in Section 2 above. <strong>Be sure to include (working) links to your Web Dev Projects<\/strong>. <\/p>\n\n\n\n<p>These need to be accessible from your server at the correct location by the due date outlined on the course syllabus. <\/p>\n<div class=\"footnotes\"><hr \/><ol><li id=\"footnote-1-115\" class=\"footnote\"><p> No course summary is required for Intro to New Media<a href=\"#note-1-115\" class=\"footnote-return\">&#8617;<\/a><\/p><\/li><!--\/#footnote-1.footnote--><li id=\"footnote-2-115\" class=\"footnote\"><p> What is a polished draft? It is a thoughtful, and nearly error-free version of the content that you hope to present, but there&#8217;s still room to grow and add new material. For example, if you want to include graphic design artwork in your public portfolio, a few examples of your work is great&#8211; you can continue to upload new work later. However, you should not turn in empty pages or pages with filler text\/images.<a href=\"#note-2-115\" class=\"footnote-return\">&#8617;<\/a><\/p><\/li><!--\/#footnote-2.footnote--><\/ol><\/div><!--\/#footnotes-->","protected":false},"excerpt":{"rendered":"<p>ATTN Summer 2023!! We will follow guidelines specific to your program listed on https:\/\/nmi.cool\/portfolio. You must complete a professional portfolio and write one case study for this project! Review the slides below, but you do not need to reference the below split assignment. NMI Dossier: Throughout your academic journey, you\u2019ll create many things you want [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":0,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}