Skip to content

Latest commit

 

History

History

lab07

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Lab 07: Making a Map-based Storytelling Project

Instructor: Bo Zhao, 206.685.3846 or [email protected]; Points Available = 50

In this lab, you will learn how to create a online Geo-Narrative and then create a map-based storytelling project all by yourself. A GeoNarrative application, also being referred to as storymap, or map-based storytelling, is an visualization genre that primarily utilizes a series of maps or other types of geovisualizations to narrate a geographical event or phenomenon. In addition to geovisualization, there will be other form of information like scripts, images, or videos. This lecture mainly provides an online GeoNarrative template which can help you to make your own geo-narrative applications. To review the geo-narrative template, please visit this link.

For your deliverable, The project should be created upon template we have provided. You should tell a specific story about a geographical phenomenon. For example, you can create a story about your hometown, your favorite restaurants in Seattle, or the major stops of oriental express train. When you determine the geographical phenomenon, make sure the scripts and the map style are relevant to the story you have designed. (20 POINTS).

Below are a few other requirement.

  • you will need to identify and use other geospatial datasets from the Internet or other projects you have been doing. (10 POINTS)
  • This map-based storytelling project needs to have at least have two different maps when transition between different scenes (5 POINTS),
  • You will need to incorporate images, icons and other types of multimedia in to your project (10 POINTS)
  • make sure the repository accessible through the url https://[your_github_username].github.io/[your_repository_name]. Also, please provide the url to your webmap in the readme.md file. (5 POINTS).

Please make sure the internal structure of the files in your project repository is well organized. For example, it may be similar to the file structure below.

[your_repository_name]
    │index.html
    │readme.md
    ├─css
    │      style.css
    ├─img
    │      xxx.jpg
    └─js
            main.js