{"id":3743,"date":"2017-09-18T14:30:49","date_gmt":"2017-09-18T14:30:49","guid":{"rendered":"http:\/\/pages.uncc.edu\/aaron-toscano\/?page_id=3743"},"modified":"2024-11-05T14:57:52","modified_gmt":"2024-11-05T19:57:52","slug":"engl4182-5182september18","status":"publish","type":"page","link":"https:\/\/pages.charlotte.edu\/aaron-toscano\/engl4182-5182fall2017\/engl4182-5182september18\/","title":{"rendered":"September 18th: The Whole Document"},"content":{"rendered":"<h1 align=\"left\"><b>Announcements<\/b><\/h1>\n<ul>\n<li><strong><a href=\"https:\/\/www.eventbrite.com\/e\/citizen-jane-battle-for-the-city-tickets-37317122518\">Citizen Jane: Battle for the City<\/a><\/strong><br \/>\nThur., 9\/28 (6:00 pm-8:00 pm)<br \/>\nUNC Charlotte Center City<\/li>\n<li class=\"style12\"><span class=\"style14\"><strong><a href=\"http:\/\/ifest.uncc.edu\/\">IFest: International Festival<\/a><\/strong>\u00a0(this is quite a good time)<br \/>\nSat., 10\/14 (all day)<\/span><span class=\"style14\"><br \/>\nBarnhardt Student Activity Center<\/span><\/li>\n<\/ul>\n<h1 class=\"style8\" align=\"left\"><b>Plan for the Day<\/b><\/h1>\n<p class=\"style8\" align=\"left\">We&#8217;ve got a few things to do today, so below is a list:<\/p>\n<ul>\n<li class=\"style8\"><em>Design for Information<\/em> Ch. 2<\/li>\n<li class=\"style8\">Effective Repetition: <strong><a href=\"#ethospathoslogos\">ethos, pathos, logos<\/a><\/strong>\n<ul>\n<li class=\"style8\"><strong><a href=\"https:\/\/www.youtube.com\/watch?v=yQq1-_ujXrM\">Even parodies convey an ethos similar to the text they parody<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Visual Perception, Culture, and Rhetoric (separate page)<\/li>\n<li class=\"style8\"><strong><em><a href=\"#chapter4\">Non-Design&#8217;s Design Book,<\/a><\/em><a href=\"#chapter4\"> Chapter 4<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"#homework\">Bring in documents next\u00a0week<\/a><\/strong><\/li>\n<li class=\"style8\"><a name=\"ethospathoslogos\"><\/a>ENGL 5182 Leading class discussion&#8211;sign up!<\/li>\n<li>Turn in Document #1: Business Card and Letterhead<\/li>\n<li><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/engl4182-5182fall2017\/informationdesignassignments2017\/#doc02\"><strong>Document #2 Workshop<\/strong><\/a> next week (9\/25) and after the Midterm (10\/02)<\/li>\n<\/ul>\n<h1 class=\"style8\" align=\"left\"><b>Design for Information Ch. 2<\/b><\/h1>\n<p class=\"style8\" align=\"left\">Although we aren&#8217;t going to focus so closely on all the different types of visualizations and their wide variety, this book gives us ways to think about creating abstractions for information. I wish it had more of a cultural discussion, but we&#8217;ll supplement that in class. After all, why do we need to create visuals displaying all this information?<\/p>\n<p align=\"left\">Network: an organization, system, or group of connections. Notice the definitions for <strong><a href=\"http:\/\/www.dictionary.com\/browse\/network\">dictionary.com<\/a><\/strong> and <strong><a href=\"https:\/\/www.merriam-webster.com\/dictionary\/network\">Merriam-Webster<\/a><\/strong>.<\/p>\n<ul>\n<li>p. 47: &#8220;network scientists focus on the connections that bind individuals together.&#8221;<\/li>\n<li>p. 48: &#8220;most networks observed in nature, society, and technology are driven by common organizing principles.&#8221;\n<ul>\n<li>&#8220;network science&#8230;focuses on the study of patterns of connections in real-world systems.&#8221;<\/li>\n<li>What are some networks you observe or are part of?<\/li>\n<\/ul>\n<\/li>\n<li>p. 49: &#8220;A network is a simplified representation that reduces a system to an abstract structure capturing only the basics of connection patterns and little else.&#8221;<\/li>\n<li>Nodes and Links<\/li>\n<li>p. 49: &#8220;A node can be a machine, a person, a cell, and so on.&#8221; Nodes are anchors on a network.<\/li>\n<li>p. 51: &#8220;Links are described by any kind of interaction between nodes.&#8221;<\/li>\n<li>Unweighted vs Weighted links\n<ul>\n<li>Where do you find weighted links represented?<\/li>\n<\/ul>\n<\/li>\n<li>p. 55: &#8220;Node-link representations use symbolic elements to stand for nodes, and lines to represent the connections between them.&#8221;\n<ul>\n<li>&#8220;Most networks&#8230;are of abstract data&#8230;and do not have <em>a priori<\/em> spatial properties for positioning elements in the visualization.&#8221;<\/li>\n<\/ul>\n<\/li>\n<li>Challenges\n<ul>\n<li>What makes the <strong><a href=\"https:\/\/eagereyes.org\/techniques\/graphs-hairball\">&#8220;hairball network display&#8221;<\/a><\/strong> on p. 56 effective or ineffective at conveying information?<\/li>\n<li><strong><a href=\"http:\/\/webpages.uncc.edu\/atoscano\/sunsetkitties\/sunsetkitties.html\">Not to be confused by the fur-ball network&#8230;<\/a><\/strong><\/li>\n<li>p. 57: &#8220;Network graphs can rapidly get too dense and large to make out any meaningful patterns.&#8221;<\/li>\n<li><strong><a href=\"http:\/\/pitchinteractive.com\/images\/projects\/details\/usbudget_1.jpg\">The graph on the bottom of p. 72<\/a><\/strong> uses color effectively, which helps readers quickly understand the information conveyed.<\/li>\n<li>I don&#8217;t quite know if <strong><a href=\"http:\/\/www.pitchinteractive.com\/election2008\/jpg\/ObamaJobArcs_full.jpg\">the graph on the top of p. 72<\/a><\/strong> provides readers with efficient information.<\/li>\n<\/ul>\n<\/li>\n<li>p. 58: &#8220;labels carry important information, enabling one to understand what it is being revealed, from scales and measurements to categorical information.&#8221;<\/li>\n<li>p. 58: <em>focus + context<\/em> techniques are used most often in interactive maps (e.g. Google Maps)<\/li>\n<li>p. 58: &#8220;Good continuation is the tendency to construct visual entities out of visual elements that are smooth and continuous, or connected by straight or smoothly curving lines.&#8221;\n<ul>\n<li>I often just call this &#8220;continuation.&#8221;<\/li>\n<li>Notice the nodal connections on the bottom of p. 58 (black enclosure)<\/li>\n<\/ul>\n<\/li>\n<li>What can we learn from a <strong><a href=\"http:\/\/13pt.com\/projects\/nyt080506\/\">diseasome<\/a><\/strong>?<\/li>\n<\/ul>\n<p>Meirelles quotes Ben Shneiderman&#8217;s claim that &#8220;new network science concepts and analysis tools are making isolated groups, influential participants, and community structures visible in ways never before possible&#8221; (p. 63). It&#8217;s the job of technical writers to make sure these structures are not just visible to experts but also to semi- and non-technical audiences that need effective, efficient information.<\/p>\n<p>We&#8217;ll return to the Case Study &#8220;Community Structure: Universal Exposition, Milan, 2015&#8221; (pp. 78-81) after we discuss icons, indexes, and symbols (and, of course, time permitting).<\/p>\n<h1 class=\"style8\" align=\"left\"><b>Ethos, Pathos, Logos<\/b><\/h1>\n<p class=\"style8\" align=\"left\">We go over this every class, but you need to have the vocabulary to talk about visual rhetoric. Therefore,<\/p>\n<ul>\n<li class=\"style8\"><strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Ethos\">Ethos<\/a><\/strong>: appeal or presentation of one&#8217;s character or credibility.\n<ul>\n<li>Titles: M.D., PhD, Sir, <strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Dame\">Dame<\/a><\/strong>, <strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Dr._Dre\">Dr.<\/a><\/strong>, Count, etc.<\/li>\n<li>Occupations: Physicist, President, General, etc.<\/li>\n<li>Brand Recognition<\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Pathos\">Pathos<\/a><\/strong>: appeal to emotions; evoking emotional responses.\n<ul>\n<li>appeal to fear<\/li>\n<li>appeal to patriotism<\/li>\n<li>appeal to desires<\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Logos\">Logos<\/a><\/strong>: appeals to logic or facts in a message.\n<ul>\n<li>Syllogisms<\/li>\n<li><strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Argument_(logic)#Deductive_arguments\">Deductive arguments<\/a><\/strong><\/li>\n<li>Implicit or explicit message that &#8220;if you&#8217;re smart, successful, important, etc., you wil do something&#8221; (i.e., quit paying more for&#8230;)<\/li>\n<li>Graphs, statistics, legal codes<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"style8\">Please consider the above elements when doing your assignments and use the terms in your discussions and memos.<\/p>\n<ul>\n<li class=\"style8\"><strong><a title=\"Rhetoric, an Introduction\" href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/rhetoric-an-introduction\/\">Let&#8217;s take a look at an example of Logos, using logic.<\/a><\/strong><a name=\"candidates\"><\/a><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/www.fatburningfurnacereviewscam.com\/\">Logos isn&#8217;t just syllogism<\/a><\/strong>\n<ul>\n<li><strong><a href=\"http:\/\/www.fatburningfurnacereviewscam.com\/product\/Phen375_Diet_Pill.jpg\">What might this image&#8217;s argument be?<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/guideimg.alibaba.com\/images\/shop\/72\/08\/19\/1\/forskolin-natural-organic-herbal-weight-loss-supplement-for-women-fat-burning-appetite-suppressant-metabolic-booster-with-diet-and-exercise-may-double-weight-loss-30-day-supply-60-veggie-capsules-2_3249361.jpg\">Are there other &#8220;arguments&#8221; that might be implied<\/a><\/strong>?<a name=\"candidate\"><\/a><\/li>\n<\/ul>\n<p class=\"style8\">I have a couple flyers to critique, assuming we have time.<a id=\"textual\" name=\"textual\"><\/a><\/p>\n<ul>\n<li class=\"style12\"><strong><a href=\"http:\/\/webpages.uncc.edu\/~atoscano\/images\/PoliticalFlyer_MitchellCityCouncil_Reduced.pdf\" target=\"_blank\" rel=\"noopener\">Candidate 1<\/a><\/strong><\/li>\n<li class=\"style12\"><strong><a href=\"http:\/\/webpages.uncc.edu\/~atoscano\/images\/PoliticalFlyer_GardnerCityCouncil_Reduced.pdf\" target=\"_blank\" rel=\"noopener\">Candidate 2<\/a><\/strong><\/li>\n<li><a href=\"https:\/\/pages.uncc.edu\/aaron-toscano\/wp-content\/uploads\/sites\/121\/2017\/09\/VideoGameTrivia.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3758\" src=\"https:\/\/pages.uncc.edu\/aaron-toscano\/wp-content\/uploads\/sites\/121\/2017\/09\/VideoGameTrivia.jpg\" alt=\"\" width=\"600\" height=\"1000\" srcset=\"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-content\/uploads\/sites\/121\/2017\/09\/VideoGameTrivia.jpg 600w, https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-content\/uploads\/sites\/121\/2017\/09\/VideoGameTrivia-180x300.jpg 180w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<\/ul>\n<h1 class=\"style8\"><b>Supratextual Elements<\/b><\/h1>\n<p class=\"style8\" align=\"left\"><strong>Supratextual<\/strong> elements will help us consider the whole document. This term comes from Charles Kostelnick&#8217;s &#8220;12-cell schema of Visual Communication.&#8221; For those of you who have Tim Peeples <em>Professional Writing and Rhetoric<\/em>, the entire table is on p. 274. Below is an incomplete version of the table:<a name=\"12cellschema\"><\/a><\/p>\n<p><strong>A 12-Cell Schema of Visual Communication<\/strong><\/p>\n<table class=\"aligncenter\" border=\"3\" width=\"424\" cellpadding=\"3\">\n<tbody>\n<tr>\n<th scope=\"col\" width=\"42\"><\/th>\n<th scope=\"col\" width=\"224\">\n<p align=\"left\">Alphanumeric\/Symbolic<\/p>\n<\/th>\n<th scope=\"col\" width=\"63\">\n<div align=\"left\">Spatial<\/div>\n<\/th>\n<th scope=\"col\" width=\"67\">\n<div align=\"left\">Graphic<\/div>\n<\/th>\n<\/tr>\n<tr>\n<td><strong>Intra-<\/strong><\/td>\n<td>1. Micro-level textual form: style, size, weight, etc.<\/td>\n<td>2.<\/td>\n<td>3.<\/td>\n<\/tr>\n<tr>\n<td><strong>Inter-<\/strong><\/td>\n<td>4. Serial and segmenting devices: headings, letters, numbers; typestyle variations showing textual structure {bulleted lists or consistency of bold text}<\/td>\n<td>5.<\/td>\n<td>6.<\/td>\n<\/tr>\n<tr>\n<td><strong>Extra-<\/strong><\/td>\n<td>7. Decoding devices: legends, captions, labels, numerical description of data.<\/td>\n<td>8.<\/td>\n<td>9.<\/td>\n<\/tr>\n<tr>\n<td><strong>Supra-<\/strong><\/td>\n<td>10. Macro-level serial and segmentation devices: section titles, numbers; page headers, pagination.<\/td>\n<td>11.<\/td>\n<td>12.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"style8\" align=\"left\">We&#8217;ll focus on column one, Alphanumeric\/Symbolic, so I didn&#8217;t bother confusing you with the rest of the table.<\/p>\n<p class=\"style8\" align=\"left\"><a id=\"wholedoc\" name=\"wholedoc\"><\/a><strong>Practical Piece<\/strong>: Let&#8217;s learn how to put tables into Dreamweaver. <strong>Insert<\/strong> &#8211;&gt; <strong>Table<\/strong><\/p>\n<h1 class=\"style8\" align=\"left\"><b>Visual Perception, Culture, &amp; Rhetoric<\/b><\/h1>\n<p class=\"style8\" align=\"left\">I have a special page (linked to more special pages&#8230;why not &#8220;special<em>er<\/em>&#8220;?) for this discussion, so let&#8217;s head over to the <strong><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/rhetoric-an-introduction\/visual-perception-culture-and-rhetoric\/\">Visual, Perception, Culture, &amp; Rhetoric page<\/a><\/strong> for some fun!<\/p>\n<h1 class=\"style8\" align=\"left\"><b>Chapter 4: Repetition<\/b><\/h1>\n<p class=\"style8\" align=\"left\">I know you all read Ch. 4 in <em>The Non-Design&#8217;s Design Book<\/em>, so let&#8217;s talk about that a bit. <a name=\"midterm\"><\/a>Thinking about our discussion above, what can we say about visual perception, visual culture, and visual rhetoric with regard to the chapter&#8217;s guidelines?<\/p>\n<h1 class=\"style8\" align=\"left\"><b>Future Fun<\/b><\/h1>\n<p class=\"style8\" align=\"left\">Keep up with the syllabus and read Ch. 3 in <em>Design for Information<\/em> and Ch. 4 in <em>The Non-Designer&#8217;s Design Book<\/em> for next week (9\/25). Turn in your Business Cards and Letterheads before you leave. Next week, I&#8217;ll set aside some time to let you workshop <strong><a title=\"Major Assignments for ENGL 4182\/5182\" href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/engl4182-5182fall2017\/informationdesignassignments2017\/\">Document #2: The Flyer OR Advertisement<\/a><\/strong>.<\/p>\n<p class=\"style8\" align=\"left\">Can you believe it&#8217;s just two weeks before the midterm exam (10\/02)? Unbelievable. Well, you have nothing to fear if you&#8217;ve been coming to class and reading. The midterm will attempt to cover all the reading and design concepts we&#8217;ve discussed in class. Anything from <em>Design for Information<\/em>\u00a0(Ch. 1-3) and\u00a0<em>The Non-Designer&#8217;s Design Book <\/em>(Ch. 1-5 and Ch. 8) may be included. The exam&#8217;s format will be multiple choice, fill-in-the-blank, true\/false, short answer, and an essay-ish question where you&#8217;ll need to explain something in a concise and efficient way.<\/p>\n<p class=\"style8\" align=\"left\">We&#8217;re going to focus more on nuts and bolts in our next full class (09\/27), <strong>so I want you to bring in or find links to whole documents that you feel are either effective or ineffective<\/strong>. I&#8217;ll ask you to comment on them on your webpages, so try to find documents that you feel you can discuss in terms of ______, _______, and ______. Guess what three words go in the blanks above?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Announcements Citizen Jane: Battle for the City Thur., 9\/28 (6:00 pm-8:00 pm) UNC Charlotte Center City IFest: International Festival\u00a0(this is quite a good time) Sat., 10\/14 (all day) Barnhardt Student Activity Center Plan for the Day We&#8217;ve got a few things to do today, so below is a list: Design for Information Ch. 2 Effective [&hellip;]<\/p>\n","protected":false},"author":598,"featured_media":0,"parent":3590,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-3743","page","type-page","status-publish","hentry"],"jetpack_shortlink":"https:\/\/wp.me\/P2HAOx-Yn","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/users\/598"}],"replies":[{"embeddable":true,"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/comments?post=3743"}],"version-history":[{"count":10,"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3743\/revisions"}],"predecessor-version":[{"id":11303,"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3743\/revisions\/11303"}],"up":[{"embeddable":true,"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3590"}],"wp:attachment":[{"href":"https:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/media?parent=3743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}