Open Web Mapping: How do we teach this stuff?
Transcript of Open Web Mapping: How do we teach this stuff?
![Page 1: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/1.jpg)
Open Web MappingHow do we teach this stuff?
NACIS 2015Carl Sack
University of [email protected]@northlandiguana
![Page 2: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/2.jpg)
Desired Learning Outcomes1. Ability to create [animated]
thematic slippy maps using Leaflet
2. Ability to create linked geovisualizations using D3
3. Independent completion of web map from start to finish in collaboration with colleagues
4. Demonstration of computational thinking, adaptability, self-direction, and problem solving
5. Integration of theoretical concepts presented in course lecture into outcomes 1-3. 1. Theoretical frameworks: human-map
interaction, usability engineering, data visualization, and cartographic design.
![Page 3: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/3.jpg)
The web mapping technology stack…Then
![Page 4: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/4.jpg)
The web mapping technology stack…Then
Now
TopoJSON
PNG,Vector
![Page 5: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/5.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 6: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/6.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 7: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/7.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 8: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/8.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 9: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/9.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 10: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/10.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 11: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/11.jpg)
The Web Mapping WorkflowBased on Donohue (2014)
![Page 12: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/12.jpg)
2014 Curriculum Sequence
![Page 13: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/13.jpg)
How well did it work?Purposes of assessment:1. Judge learning outcomes2. Discover threshold concepts
Four assessment tools:3. Entrance survey4. Instructor logs5. Student feedback6. Exit survey
![Page 14: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/14.jpg)
Student familiarity with HTML, CSS, and JavaScript prior to taking the course
1. Entrance survey
2. Instructor logs3. Student feedback4. Exit survey
Results—Entrance Survey
![Page 15: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/15.jpg)
• Two different sections = two different learning speeds•Unforeseen difficulties• the DOM• identifying source of methods• data formatting and conversion
•D3 lessons successful, exciting“[T]he attitude generally
seems to be I’m learning and know I’ll get beyond this
rather than helplessness or giving up.”
1. Entrance survey2. Instructor logs3. Student feedback4. Exit survey
Results—Instructor Logs
![Page 16: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/16.jpg)
Results—Student Feedback
•Misconceptions and Threshold Concepts•Use of Online Examples•Progressive Increase in Understanding•Evidence of Computational Thinking
“I needed to break it down and solve things one at a time, not all
at once.”
1. Entrance survey2. Instructor logs3. Student
feedback4. Exit survey
![Page 17: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/17.jpg)
Results—Exit Survey•Expertise with tools: low moderate•Steady increase in learning and self-confidence
1. Entrance survey2. Instructor logs3. Student feedback4. Exit survey
![Page 18: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/18.jpg)
Learning Outcomes1. Ability to create thematic slippy
maps using Leaflet2. Ability to create linked
geovisualizations using D33. Independent completion of web
map from start to finish in collaboration with colleagues
4. Demonstration of computational thinking, adaptability, self-direction, and problem solving
5. Integration of theoretical concepts presented in course lecture into outcomes 1-3. ?
![Page 19: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/19.jpg)
![Page 20: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/20.jpg)
![Page 21: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/21.jpg)
![Page 22: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/22.jpg)
![Page 23: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/23.jpg)
![Page 24: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/24.jpg)
Thank you.Tutorials based on Geography 575–2014 lab assignments:
github.com/uwcart/cartographic-perspectives
Student projects gallery:geography.wisc.edu/courses/geog575
My e-mail address: [email protected] Twitter handle: @northlandiguana
Special thanks to Dr. Rob Roth
![Page 25: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/25.jpg)
Bragging Rights
Adam Gile, Dean Olsen, and Sijia Zhang
![Page 26: Open Web Mapping: How do we teach this stuff?](https://reader031.fdocuments.net/reader031/viewer/2022030316/58755b361a28ab00528b6439/html5/thumbnails/26.jpg)
Bragging Rights
(more at geography.wisc.edu/courses/geog575/f14)
Katelyn Kowalsky, Robin Tolochko, and Dylan Moriarty