{"id":1243,"date":"2021-04-18T13:30:00","date_gmt":"2021-04-18T13:30:00","guid":{"rendered":"https:\/\/scmaker.site\/CRDM\/?p=1243"},"modified":"2021-04-23T13:44:40","modified_gmt":"2021-04-23T13:44:40","slug":"digressions-magazine-map-interface","status":"publish","type":"post","link":"https:\/\/scmaker.site\/CRDM\/?p=1243","title":{"rendered":"Digressions Magazine Map Interface"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p><a href=\"https:\/\/scmaker.site\/dig21\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1247\" src=\"https:\/\/scmaker.site\/CRDM\/wp-content\/uploads\/2021\/04\/digmap_lg2-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/scmaker.site\/CRDM\/wp-content\/uploads\/2021\/04\/digmap_lg2-1024x576.png 1024w, https:\/\/scmaker.site\/CRDM\/wp-content\/uploads\/2021\/04\/digmap_lg2-300x169.png 300w, https:\/\/scmaker.site\/CRDM\/wp-content\/uploads\/2021\/04\/digmap_lg2-768x432.png 768w, https:\/\/scmaker.site\/CRDM\/wp-content\/uploads\/2021\/04\/digmap_lg2-1536x864.png 1536w, https:\/\/scmaker.site\/CRDM\/wp-content\/uploads\/2021\/04\/digmap_lg2-2048x1152.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<hr>\n<ul>\n<li><strong>Maker<\/strong>: Athena E., Jordan G., Adit S., Katiana P., and Dr. Eric Mason<\/li>\n<li><strong>Genre<\/strong>: Interactive Map<\/li>\n<li><strong>Level<\/strong>: Graduate<\/li>\n<li><strong>Program<\/strong>: Composition, Rhetoric, and Digital Media<\/li>\n<li><strong>Course<\/strong>: WRIT 5340: Multimodality &amp; Digital Media<\/li>\n<li><strong>Instructor<\/strong>: Dr. Eric Mason<\/li>\n<li><strong>Semester Created<\/strong>: Winter 2021<\/li>\n<\/ul>\n<hr>\n<p><strong>Map link: <a href=\"https:\/\/scmaker.site\/dig21\/\" target=\"_blank\" rel=\"noopener\">https:\/\/scmaker.site\/dig21\/<\/a><\/strong><\/p>\n<p><strong>Description<\/strong>:<\/p>\n<p>The 2021 volume of&nbsp;<em>Digressions<\/em>, the literary and art journal of NSU, was fully digital, and the staff wanted to explore the possibilities of alternative ways of presenting the journal online. Especially as students were socially distanced during the pandemic, we thought it would be interesting to use a map interface to trace both from which parts of the university creative work was submitted, but also from where in the world those students had come to the university. the&nbsp; The map allows users to explore the excellent work submitted by NSU students across different colleges and courses, and see lines connecting the works to the &#8220;home towns&#8221; of contributors and staff. (Think of it as &#8220;con-text&#8221; tracing.) Users can click\/tap on the map icons to view content, or click\/tap on any open space on the map, or reload the page to view the welcome message at any time. For those who wanted a more traditional format, the <a href=\"https:\/\/online.pubhtml5.com\/lzkv\/ocqi\/\" target=\"_blank\" rel=\"noopener\">main issue<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/online.pubhtml5.com\/lzkv\/yudr\/\" target=\"_blank\" rel=\"noopener\">course showcase<\/a> were made available as digital flipbooks. &nbsp;<\/p>\n<p><strong>Reflection<\/strong>:<\/p>\n<p>This was a rewarding but time-consuming project, as creators learned the tools and formatted the content to exist easily within the digital interface. The most difficult parts of this project were exploring the affordances of the applications being used, and finding ways to collaborate on a coding project. The <a href=\"https:\/\/scmaker.site\/dig21\/digcode.txt\" target=\"_blank\" rel=\"noopener\">code for the map<\/a> is heavily commented to allow visitors to more easily understand how this page is put together and how to get started building their own interactive maps. The map was built using&nbsp;<a href=\"https:\/\/leafletjs.com\/\" target=\"_blank\" rel=\"noopener\">Leaflet<\/a>, an open-source JavaScript library for interactive mapmaking, along with tiles provided by&nbsp;<a href=\"https:\/\/www.openstreetmap.org\/\" target=\"_blank\" rel=\"noopener\">OpenStreetMap<\/a>. A number of plug-ins were used to add functionality to the base Leaflet library, including plug-ins to control the&nbsp;<a href=\"https:\/\/github.com\/lvoogdt\/Leaflet.awesome-markers\" target=\"_blank\" rel=\"noopener\">appearance of markers<\/a>, to create&nbsp;<a href=\"https:\/\/github.com\/CliffCloud\/Leaflet.EasyButton\" target=\"_blank\" rel=\"noopener\">customizable buttons<\/a>, and to add&nbsp;<a href=\"https:\/\/github.com\/Turbo87\/leaflet-sidebar\" target=\"_blank\" rel=\"noopener\">hideable sidebars<\/a>.&nbsp;<a href=\"https:\/\/lokeshdhakar.com\/projects\/lightbox2\/\" target=\"_blank\" rel=\"noopener\">Lightbox<\/a>&nbsp;was used to create the galleries that display the individual student submissions, and&nbsp;<a href=\"https:\/\/syncfiddle.net\/\" target=\"_blank\" rel=\"noopener\">SyncFiddle<\/a>&nbsp;was used to allow the designers to collaborate on the code in real-time.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\"><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The 2021 volume of\u00a0Digressions, the literary and art journal of NSU, was fully digital, and the staff wanted to explore the possibilities of alternative ways of presenting the journal online. Especially as students were socially distanced during the pandemic, we thought it would be interesting to use a map interface to trace . . .<\/p>\n","protected":false},"author":2,"featured_media":1244,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[330,178],"tags":[],"class_list":["post-1243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-map","category-writ5340"],"_links":{"self":[{"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/posts\/1243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1243"}],"version-history":[{"count":2,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/posts\/1243\/revisions"}],"predecessor-version":[{"id":1295,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/posts\/1243\/revisions\/1295"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=\/wp\/v2\/media\/1244"}],"wp:attachment":[{"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scmaker.site\/CRDM\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}