{"id":2791,"date":"2017-02-13T21:13:38","date_gmt":"2017-02-13T21:13:38","guid":{"rendered":"https:\/\/blogs.swarthmore.edu\/its\/?p=2791"},"modified":"2017-02-13T21:13:38","modified_gmt":"2017-02-13T21:13:38","slug":"scalar-web-projects-and-non-linear-presentations","status":"publish","type":"post","link":"https:\/\/blogs.swarthmore.edu\/its\/2017\/02\/13\/scalar-web-projects-and-non-linear-presentations\/","title":{"rendered":"Scalar Web Projects and Non-linear Presentations"},"content":{"rendered":"<p>Recently, we have been exploring an exciting new tool for course web projects called <a href=\"http:\/\/scalar.usc.edu\/scalar\/\" target=\"_blank\">Scalar<\/a>. Scalar works much like the popular blogging tool and publishing platform\u00a0<a href=\"https:\/\/wordpress.org\/\" target=\"_blank\">WordPress<\/a>; you create pages of content through a text editor, then publish, and present those to your readers. Scalar\u00a0expands on this by allowing the reader to traverse collections of information through a multitude of non-liner ways. Rather than limit readers by presenting sections on a particular subject that require them to begin at the beginning and end at the end, you have the ability to create detours or \u201cpaths\u201d that provide connections between various themes, subjects, or media, thus expanding the connections of your project and the content within.<\/p>\n<figure id=\"attachment_2795\" aria-describedby=\"caption-attachment-2795\" style=\"width: 652px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/visualizations_feature_cantaloupe.jpg\" rel=\"attachment wp-att-2795\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2795\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/visualizations_feature_cantaloupe.jpg\" alt=\"visualizations_feature_cantaloupe\" width=\"652\" height=\"282\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/visualizations_feature_cantaloupe.jpg 607w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/visualizations_feature_cantaloupe-300x130.jpg 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/visualizations_feature_cantaloupe-138x60.jpg 138w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/a><figcaption id=\"caption-attachment-2795\" class=\"wp-caption-text\">Data visualization examples within Scalar<\/figcaption><\/figure>\n<p>Scalar presents these connections through a series of visual displays which can be set as the default view for individual pages.<\/p>\n<p>This platform is also\u00a0highly customizable; the javascript <a href=\"https:\/\/en.wikipedia.org\/wiki\/Application_programming_interface\" target=\"_blank\">API<\/a>\u00a0provides the ability to hook into the data associated with your pages and media and serve them up with creative presentations. These can be developed in-house or with highly sophisticated visualization libraries like <a href=\"https:\/\/d3js.org\/\" target=\"_blank\">d3.js<\/a>.<\/p>\n<p>The Scalar API:<br \/>\n<a href=\"http:\/\/scalar.usc.edu\/works\/guide\/working-with-the-api?path=advanced-topics\" target=\"_blank\">http:\/\/scalar.usc.edu\/works\/guide\/working-with-the-api?path=advanced-topics<\/a><\/p>\n<p>The following are examples of Scalar web projects:<\/p>\n<ul>\n<li>The Knotted Line &#8211; a custom front end supported by a Scalar back-end:\u00a0<a href=\"http:\/\/scalar.usc.edu\/anvc\/the-knotted-line\/index\" target=\"_blank\">http:\/\/scalar.usc.edu\/anvc\/the-knotted-line\/index<\/a><\/li>\n<li>The Knotted Line &#8211; a video explanation of the project&#8217;s development process: <a href=\"http:\/\/player.vimeo.com\/video\/50184018\" target=\"_blank\">http:\/\/player.vimeo.com\/video\/50184018<\/a><\/li>\n<li>Performing Archive: Curtis and the \u201cVanishing Race:\u201d <a href=\"http:\/\/scalar.usc.edu\/works\/performingarchive\/index\" target=\"_blank\">http:\/\/scalar.usc.edu\/works\/performingarchive\/index<\/a><\/li>\n<li>We Are All Children of Algeria: <a href=\"http:\/\/scalar.usc.edu\/nehvectors\/mirzoeff\/index\" target=\"_blank\">http:\/\/scalar.usc.edu\/nehvectors\/mirzoeff\/index<\/a><\/li>\n<\/ul>\n<figure id=\"attachment_2800\" aria-describedby=\"caption-attachment-2800\" style=\"width: 625px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed.jpg\" rel=\"attachment wp-att-2800\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2800 size-large\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed-1024x678.jpg\" alt=\"Example of TimeMapper Tool\" width=\"625\" height=\"414\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed-1024x678.jpg 1024w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed-300x199.jpg 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed-768x508.jpg 768w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed-91x60.jpg 91w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-time-mapper-embed.jpg 2000w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/a><figcaption id=\"caption-attachment-2800\" class=\"wp-caption-text\">Timemapper example:<br \/> http:\/\/timemapper.okfnlabs.org\/michalsagal\/roman-history-to-27-bce#11<\/figcaption><\/figure>\n<p>Scalar allows the user to embed third party apps for a variety of timeline and geo-mapping visualizations:<br \/>\n<a href=\"http:\/\/scalar.usc.edu\/works\/guide\/how-to-embed\" target=\"_blank\">http:\/\/scalar.usc.edu\/works\/guide\/how-to-embed<\/a><\/p>\n<p>If you are interested in using Scalar, we&#8217;d suggest exploring and reading through the <a href=\"http:\/\/scalar.usc.edu\/works\/guide\/index\" target=\"_blank\">Getting Started<\/a> guide. This will not only provide a great introduction, but also a solid example of how information is presented, organized, and paths are created in Scalar.\u00a0The approach Scalar takes may lend itself to some visual thinking exercises as you develop content and think about how to present your materials. \u00a0Finally, we encourage you to come talk to the Academic Technology team about any ideas you may have.<\/p>\n<p><a href=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar_logo_300x300.png\" rel=\"attachment wp-att-2796\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2796\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar_logo_300x300.png\" alt=\"scalar_logo_300x300\" width=\"150\" height=\"150\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar_logo_300x300.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar_logo_300x300-150x150.png 150w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar_logo_300x300-60x60.png 60w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar_logo_300x300-50x50.png 50w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently, we have been exploring an exciting new tool for course web projects called Scalar. Scalar works much like the popular blogging tool and publishing platform\u00a0WordPress; you create pages of content through a text editor, then publish, and present those &hellip; <a href=\"https:\/\/blogs.swarthmore.edu\/its\/2017\/02\/13\/scalar-web-projects-and-non-linear-presentations\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Scalar Web Projects and Non-linear Presentations<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":2797,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2,105],"tags":[],"class_list":{"0":"post-2791","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-academic-technology","8":"category-web-projects","10":"fallback-thumbnail"},"jetpack_featured_media_url":"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2017\/02\/scalar-example-curtis-vanishing-race.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/ph2nPL-J1","_links":{"self":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/2791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/comments?post=2791"}],"version-history":[{"count":11,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/2791\/revisions"}],"predecessor-version":[{"id":2907,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/2791\/revisions\/2907"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/media\/2797"}],"wp:attachment":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/media?parent=2791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/categories?post=2791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/tags?post=2791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}