*Result*: Introducing Web Mapping: A Workbook for Interactive Cartography and Visualization on the Open Web.

Title:
Introducing Web Mapping: A Workbook for Interactive Cartography and Visualization on the Open Web.
Authors:
Roth, Robert E.1 reroth@wisc.edu, Sack, Carl M.2 carl.sack@fdltcc.edu, Baldrica-Franklin, Gareth1 baldricafran@wisc.edu, Yuying Chen1 chen449@wisc.edu, Donohue, Rich3 rgdonohue@uky.edu, Houtman, Lily1 lhoutman@wisc.edu, Prestby, Tim4 tprestby@psu.edu, Tolochko, Robin4 tprestby@psu.edu, Underwood, Nick1 nunderwood3@wisc.edu
Source:
Abstracts of the ICA. 2021, Vol. 3, p1-2. 2p.
Database:
Academic Search Index

*Further Information*

*Introduction and Purpose: Web Mapping: A Workbook for Interactive Cartography and Visualization is an online open educational resource introducing the practical skills needed to develop interactive maps and visualizations on the Open Web (Roth et al. 2020): https://github.com/uwcartlab/webmapping. The technological landscape for interactive, online, and mobile mapping and visualization is broad and evolving at a breakneck pace. There are now an increasing number of proprietary web mapping services, such as ArcGIS Online, CARTO Builder, and Mapbox Studio, that simplify the creation of interactive web maps through easy-to-use point-and-click interfaces. However, most online maps today either directly or through proprietary software utilize the Open Web Platform and related set of royalty-free open web standards that can be interpreted by web browsers. Important open web standards include: Hypertext Markup Language (HTML) for structuring web content, Cascading Style Sheets (CSS) for styling web content, the Document Object Model (DOM) and the JavaScript scripting language for storing and manipulating web content in browser, JavaScript Object Notation (JSON) for exchanging data in-browser, and Scalable Vector Graphics (SVG) for rendering visual web content, among others (see Sack 2017 for a review). Accordingly, cartography students need to learn not just how to encode geospatial data following tenets of cartographic design, but increasingly also to code a useful and usable interface for exploring the resulting maps. However, the range of technical competencies for developing maps on the Open Web can be daunting for new cartographers. Web Mapping: A Workbook for Interactive Cartography and Visualization bridges this gap, teaching designers how to code from the basics of programming and debugging on the Open Web to advanced interactive mapping and visualization techniques using the Leaflet.js (leafletjs.com) and D3.js (d3js.org) web mapping libraries. Here we describe background on pedagogical research projects leading to creation of the workbook, outline the organization and contents of the workbook itself, and finally suggest several instructional use cases for teaching with the workbook. Background: The cartography curriculum at the University of Wisconsin-Madison dates to 1937 and currently is part of a suite of introductory and advanced courses in design, geographic information systems (GIS), spatial analysis, and geocomputing. The Web Mapping workbook is explicitly designed to serve the advanced Interactive Cartography and Geovisualization course that focuses on interactive mapping and user experience (UX) design concepts and client-side development with open source technologies: https://geography.wisc.edu/cartography/education/. Other UW courses cover the basics of cartographic representation using proprietary desktop and web-based design tools, as well as courses on server-side and full-stack development; thus, these topics are referenced only tangentially in Web Mapping. Compilation of Web Mapping was facilitated through a sequence of pedagogical research projects conducted in the UW Cart Lab. First, we examined What to teach? including broad reviews of interactive mapping and UX design concepts as applied to cartography (Roth 2013) and the range of technologies and competencies needed for developing on the Open Web (Roth et al. 2014). The latter fortuitously led us to choose the Leaflet.js and D3.js web mapping libraries for the course, two relatively new technologies at the time that have remained stable and are complementary regarding cartographic design needs. We then examined How to teach?, as we quickly realized that the diversity of open web standards and technologies needed a different approach than the "lab handout" used for teaching self-contained technology. This led us to repackage course content into a spiral curriculum, with weekly lessons overlapping prior lessons and foreshadowing future lessons (hence the "spiral") (Sack and Roth 2017). Finally, we examined Where to teach? as campus learning management systems (e.g., Canvas) created artificial student barriers for accessing and manipulating content intended for use on the Open Web. As a result, we migrated the course content onto the GitHub collaborative coding platform (github.com), with students learning the basics of Git versioning control as part of their assignment submission. We published Web Mapping as an open educational resource using GitHub as a hosting platform in Summer 2020 and intend to update it continuously with each Spring semester offering of the course at UW. Organization: The Web Mapping workbook comprises 11 Chapters, pitched at about 6-8 hours of material to match a single course week, along with an optional Introduction chapter outlining interactive mapping and UX design concepts, an optional About chapter summarizing the aforementioned pedagogical research projects, and links to the GIS&T Body of Knowledge Cartography & Visualization section (https://gistbok.ucgis.org/) for more information on cartographic design principles and techniques. The 11 core chapters are organized into three Units: an introductory unit on workflows and data for the Open Web, including debugging skills, followed by units on spatiotemporal visualization with Leaflet.js and multivariate visualization with D3.js. Chapter 7 focuses on collaborative coding best practices, and so is less relevant when completing Web Mapping independently. Each Chapter contains 2-4 Lessons that form the spiral curriculum, sequenced in the recommended order resulting from the Sack and Roth (2017) study. Lessons are formatted in GitHub markdown and focus heavily on code examples, breaking down complex blocks into their constituent logics. Lessons also include keyword definitions, design guidance, links to documentation, and helpful tips and tricks. Table 1 provides an overview of lessons and topics across Web Mapping. [ABSTRACT FROM AUTHOR]*