{"id":595,"date":"2018-09-27T10:11:51","date_gmt":"2018-09-27T17:11:51","guid":{"rendered":"http:\/\/create.twu.ca\/eportfolios\/?page_id=595"},"modified":"2020-08-27T16:37:41","modified_gmt":"2020-08-27T23:37:41","slug":"portfolio-champ","status":"publish","type":"page","link":"https:\/\/create.twu.ca\/eportfolios\/resources\/portfolio-champ\/","title":{"rendered":"How to Publish Artifacts Like a Portfolio Champ"},"content":{"rendered":"<p>You have created your TWU Portfolio site, looked at the sample artifacts, and maybe now you are staring at the empty composition screen to create new ones. What do you do?<\/p>\n<p><!--more--><\/p>\n<p>Your portfolio artifacts use the same components as typical blog posts&#8211; a title, some categories, optional tags, media, links, and a place to write about them. Artifacts are stored in their own area on your site, aside from blog posts (this means you can use blog posts for more ongoing narrative about your learning process).<\/p>\n<p>In terms of what to define as an artifact; see the <a href=\"https:\/\/create.twu.ca\/eportfolios\/artifacts-101\/\">Artifacts 101<\/a> post on this site.<\/p>\n<p>But how do you write them in this WordPress site? We have a few suggestions.<\/p>\n<h2>How to Write Them<\/h2>\n<p>There is no shortage of web sites, books, articles with <a href=\"https:\/\/www.google.com\/search?q=how+to+write+a+blog+post\">tips on how to write blog posts<\/a>. Many are wrapped in goals of branding and growing readership. We are more interested in seeing you write reflectively about your learning at TWU.<\/p>\n<p><strong>There are no absolute rules to blogging\/portfolio writing<\/strong> &#8211; the idea of it being your portfolio means you can define your own style. But it is an ongoing practice, the process of writing over and over again will lead you hone your own style, tone, and voice that are yours. After all, you are writing in a space you own and manage. Do not feel like you have to try to sound scholarly.<\/p>\n<p>So just write. And publish. And review. And do it again. You get better at this by doing more of it.<\/p>\n<p>Much of the how to write online advice will talk about considering your audience, but for the kind of writing you do in a portfolio, you are first writing for yourself, the audience is second. Author Cory Doctorow framed it well long ago (in 2002) in <a href=\"http:\/\/www.oreillynet.com\/pub\/a\/javascript\/2002\/01\/01\/cory.html\">My Blog, My Outboard Brain<\/a>. Use your portfolio for yourself, to work out ideas about your learning, what worked, what did not.<\/p>\n<h2>You Had Me at the Title<\/h2>\n<div style=\"width: 640px\" class=\"wp-caption aligncenter\"><a title=\"Colours\" href=\"https:\/\/flickr.com\/photos\/camdiluv\/4441155157\"><img decoding=\"async\" src=\"https:\/\/farm5.static.flickr.com\/4026\/4441155157_d10e8d7b21_z.jpg\" alt=\"Colours\" width=\"640\" \/><\/a><p class=\"wp-caption-text\"><br \/><a title=\"Colours\" href=\"https:\/\/flickr.com\/photos\/camdiluv\/4441155157\">Colours<\/a> flickr photo by <a href=\"https:\/\/flickr.com\/people\/camdiluv\">Camdiluv \u2665<\/a> shared under a <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">Creative Commons (BY-SA) license<\/a><\/p><\/div>\n<p>We might say &#8220;Don&#8217;t Bore Me With Your Artifact Title!&#8221; This means thik of a more creative title than &#8220;Math Artifacts&#8221;, &#8220;Project Reflection&#8221;, &#8220;Science Project.&#8221; Would any of those titles make you curious to read further? Do they invite you inside?<\/p>\n<p>The title is the first thing portfolio readers see when they look at your site, or when your posts are listed in a sidebar, or when you share it in social media or any other public sites. The title is the headline, the elevator pitch.<\/p>\n<p>You can do many things with titles- from literal and descriptive, to word play, to using allusions to pop culture or history (did you catch <a href=\"https:\/\/www.youtube.com\/watch?v=AyrP-pwDayE\">the reference to the title for this section<\/a>?).<\/p>\n<p>Put some thought into the title, or refine it before you publish.<\/p>\n<p>But you will never look at titles again until you see the top 12 ways to write an artifa&#8230;. no, <a href=\"https:\/\/www.wired.com\/2015\/12\/psychology-of-clickbait\/\">do not do click bait<\/a> (or if you do, make it satirical).<\/p>\n<h2>Think, Write, Connect with Hyperlinks<\/h2>\n<div style=\"width: 640px\" class=\"wp-caption aligncenter\"><a title=\"rainbow\" href=\"https:\/\/flickr.com\/photos\/hownowdesign\/5534682990\"><img decoding=\"async\" src=\"https:\/\/farm6.static.flickr.com\/5099\/5534682990_19f5295995_z.jpg\" alt=\"rainbow\" width=\"640\" \/><\/a><p class=\"wp-caption-text\"><br \/><a title=\"rainbow\" href=\"https:\/\/flickr.com\/photos\/hownowdesign\/5534682990\">rainbow<\/a> flickr photo by <a href=\"https:\/\/flickr.com\/people\/hownowdesign\">hownowdesign<\/a> shared under a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-nd\/2.0\/\">Creative Commons (BY-NC-ND) license<\/a><\/p><\/div>\n<p>What could a web be without links that connect ideas? Hyperlinks are the fundamental unit of connection; use them in your artifact writing. They can help people understand something you are writing to, without having to explain it in great detail.<\/p>\n<p>How, what to link is something you will develop as you write more. But think about it as you write. Consider creating links from your words to relate them to<\/p>\n<ul>\n<li>References, sources of information (papers, other blog posts, the source organizations of something you are writing about)<\/li>\n<li>Important people, places. You may be deeply familiar with <a href=\"http:\/\/www.brocku.ca\/MeadProject\/Bergson\/Bergson_1910\/Bergson_1910_toc.html\">Henri Bergson<\/a> or have visited <a href=\"http:\/\/www.find-croatia.com\/kvarner\/opatija.html\">Opatija<\/a> but help your reader connect to what you know!<\/li>\n<li>Sources of media you may use, such as <a href=\"http:\/\/flickr.com\/photos\/hownowdesign\/5534682990\">the creative commons flickr photo of the pretty chain<\/a> used above<\/li>\n<li>Unusual words or terms that might not be widely understood, imagine if I was discussing my night observations of <a href=\"http:\/\/en.wikipedia.org\/wiki\/Syzygy_(astronomy)\">syzygy<\/a> without elaboration!<\/li>\n<li>Ideas, phrases that might be connected to, or the work of others. After all, <a href=\"http:\/\/everythingisaremix.info\/\">little is truly original<\/a>. In this way, you almost play with suggesting similarities, or even differences. <a href=\"http:\/\/barabasilab.com\/LinkedBook\/\">Links<\/a> can be <a href=\"https:\/\/www.youtube.com\/watch?v=JDcZw7O_3y4\">playful<\/a> and <a href=\"http:\/\/www.south-pole.com\/p0000097.htm\">exploration<\/a> inducing.<\/li>\n<li>Links or embeds of works you have published on other sites, including your own (or others) tweets and hypothes.is annotations &#8212; reference the things that have their own web addresses.<\/li>\n<\/ul>\n<p>Try it out. See how <a href=\"http:\/\/netnarr.arganee.world\/category\/syndicated\/\">others in the network<\/a> do or do not use links.<\/p>\n<p>We suggest creating links that are embedded into the writing itself, rather than an obtrusive <a href=\"http:\/\/www.nngroup.com\/articles\/writing-links\/\">CLICK HERE TO SEE THE ARTICLE<\/a> link. Rather, one can improve the <a href=\"http:\/\/www.nngroup.com\/articles\/writing-links\/\">effectiveness of hypertext by writing descriptive links that start with a keyword<\/a> (that article is worth reading).<\/p>\n<p>In a course where you might be reading and reacting to the writings of other participants, links give credit, and quite often, will automatically notify the author that someone linked to them.<\/p>\n<p>Link, and link often.<\/p>\n<p>It&#8217;s what makes this a web after all.<\/p>\n<h2>Does Your Artifact Stand On Its Own?<\/h2>\n<div style=\"width: 640px\" class=\"wp-caption aligncenter\"><a title=\"Lighthouse in Iceland\" href=\"https:\/\/flickr.com\/photos\/stuckincustoms\/6538432069\"><img decoding=\"async\" src=\"https:\/\/farm8.static.flickr.com\/7033\/6538432069_b0731fd7aa_z.jpg\" alt=\"Lighthouse in Iceland\" width=\"640\" \/><\/a><p class=\"wp-caption-text\"><br \/><a title=\"Lighthouse in Iceland\" href=\"https:\/\/flickr.com\/photos\/stuckincustoms\/6538432069\">Lighthouse in Iceland<\/a> flickr photo by <a href=\"https:\/\/flickr.com\/people\/stuckincustoms\">Stuck in Customs<\/a> shared under a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/2.0\/\">Creative Commons (BY-NC-SA) license<\/a><\/p><\/div>\n<p>Many people new to writing online often write a something as if the reader knows the assignment or question the student is responding to, they will just start writing about &#8220;I re-did last week&#8217;s visual assignment using these photos I took on my phone&#8230;&#8221;. This is symptomatic of students writing as if the only person reading it is their teacher.<\/p>\n<p><strong>A portfolio artifact ought to have full context<\/strong>; what if it is the only thing someone reads on your site? Will they know what you are writing about, why? Write an artifact as if it is a standalone entity. Use your hypertext skills (see previous section) to link it the thing you are responding to, or make sure you are writing a clear introduction so a reader knows what you are writing about. Or even for yourself, years later, when the context is less present.<\/p>\n<p>Just like a story, a blog post ought to have <a href=\"https:\/\/www.youtube.com\/watch?v=qvNWzkzFWvM\">a beginning, a middle, and an end<\/a>. And many sequels.<\/p>\n<p>Often when students are asked to publish their work, assignments on a blog, they consider it something like a slot in a door to drop their homework. &#8220;Here is my paper&#8230;&#8221;, &#8220;You can watch my video&#8230;&#8221;, &#8220;I snapped a photo of my poster&#8221;.<\/p>\n<p>Your portfolio is an opportunity to also tell the story <em>behind<\/em> something you produced. Where did the idea come from? What is the inspiration? What other work does it related to? And how did you create it? <strong>Narrate your process<\/strong>&#8212; it will help someone who is interested in your work, and will help you later if you try to do something similar later on? For TWU Portfolios, the aim is not just on showing your artifacts, but also telling the story <em>behind<\/em> the story, like the <a href=\"https:\/\/www.videomaker.com\/article\/13762-special-features-dvd-extras\">extra features on a DVD<\/a>.<\/p>\n<h2>Communicating With Media<\/h2>\n<div style=\"width: 640px\" class=\"wp-caption aligncenter\"><a title=\"DSC03195\" href=\"https:\/\/flickr.com\/photos\/kidsconnect\/194738237\"><img decoding=\"async\" src=\"https:\/\/farm1.static.flickr.com\/59\/194738237_046a482d93_z.jpg\" alt=\"DSC03195\" width=\"640\" \/><\/a><p class=\"wp-caption-text\"><br \/><a title=\"DSC03195\" href=\"https:\/\/flickr.com\/photos\/kidsconnect\/194738237\">DSC03195<\/a> flickr photo by <a href=\"https:\/\/flickr.com\/people\/kidsconnect\">KidzConnect<\/a> shared under a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/2.0\/\">Creative Commons (BY-NC-SA) license<\/a><\/p><\/div>\n<p>Writing is not only done with words, in a WordPress site you have ability to embed photos, video, animated GIFs, maps, infographics, sounds. Think of doing this not as just trying to &#8220;jazz up&#8221; an artifact, but also to communicate visually. Photos are wonderful as metaphors, to introduce topics, to ask your reader to interpret it in context of your writing, or as explanatory information.<\/p>\n<p>One important place to use photos or graphics is by <a href=\"https:\/\/colorlib.com\/wp\/wordpress-featured-images\/\">adding a Featured Image<\/a> to your artifact. As an image file uploaded to your published artifact, it should be a visual metaphor to represent it&#8211; Featured images are used to represent your artifact when displayed elsewhere on your site.<\/p>\n<p>A best practice is to use your own photos as they will likely best represent your artifact. But if you want to use a metaphorical image, we strongly suggest using one from a source where images are licensed for you to reuse. We suggest <a href=\"http:\/\/unsplash.com\/\">Unsplash<\/a> or <a href=\"http:\/\/pixabay.com\/\">Pixabay<\/a> to find high quality public domain images or s<a href=\"https:\/\/ccsearch.creativecommons.org\/\">earching via Creative Commons<\/a>.<\/p>\n<p>Even if you are not required to do so, we recommend providing a credit for your use of someone else&#8217;s images when you write your artifact. You will see it in practice in this post!<\/p>\n<p>Beyond images, you have an entire internet full of media we can use in our blog writing. Why just link to a YouTube video or a TEDTalk when you can insert it directly into your post? By <strong>embedding media<\/strong> we can wrap a video, audio, animation with context&#8211; rather then sending a reader away from your writing.<\/p>\n<p>WordPress makes embedding media really simple; simply by putting a URL to the place on the web you found it (YouTube or vimeo page, flickr page, etc) on a single line of your artifact editor.<\/p>\n<p>By simply putting this web address on a blank line in the editor<\/p>\n<pre>https:\/\/www.youtube.com\/watch?v=Poudrd4AYks<\/pre>\n<p>WordPress automatically embeds the video<\/p>\n<div class=\"video-wrapper\"><iframe loading=\"lazy\" title=\"The Importance of Visual Communication\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/Poudrd4AYks?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p>And yes, it can work with content from giphy; by adding a blank line<\/p>\n<pre>https:\/\/giphy.com\/gifs\/toXKzaJP3WIgM<\/pre>\n<p>We can show what it looks like to be writing in your TWU Portfolio<\/p>\n<p><a href=\"https:\/\/giphy.com\/gifs\/toXKzaJP3WIgM\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/media1.giphy.com\/media\/toXKzaJP3WIgM\/giphy.gif\" alt=\"Happy Jim Carrey GIF - Find &amp; Share on GIPHY\" width=\"490\" height=\"294\" \/><\/a><\/p>\n<p>Learn more about other media than can be easily included in your artifacts, see <a href=\"http:\/\/codex.wordpress.org\/Embeds\">WordPress embeds<\/a>.<\/p>\n<hr \/>\n<p><em>Featured Image: modified from creative commons licensed (BY-NC-SA) <a href=\"https:\/\/www.flickr.com\/photos\/thelotuscarroll\/14612939916\/\">flickr photo<\/a> by Lotus Carroll<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You have created your TWU Portfolio site, looked at the sample artifacts, and maybe now you are staring at the empty composition screen to create new ones. What do you do?<\/p>\n","protected":false},"author":279,"featured_media":566,"parent":571,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-595","page","type-page","status-publish","has-post-thumbnail","hentry","empty-entry-meta"],"_links":{"self":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/users\/279"}],"replies":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":3,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":708,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/595\/revisions\/708"}],"up":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/pages\/571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/media\/566"}],"wp:attachment":[{"href":"https:\/\/create.twu.ca\/eportfolios\/wp-json\/wp\/v2\/media?parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}