Create a Georeferred Guide with
University of Florence
• StoryMapJS by Northwestern
University is an Open Source
tool under MIT license that
allows you to create your own
• StoryMap JS tool provides a
simple templated editor
environment that allows you
to create a storymap as a
sequence of presentation
slides that each describe a
map location, some header
text, some explanatory text
and an optional media
What is StoryMapJS?
Access to StoryMapJS:
• Reshaping existing contents: Using storymap to
«visualize» and present already existing contents, enriched
with multimedia. For example, you can create a storymap
of Ulisse’s trip, or to create a timeline with geographical
references of historical events.
• Creating new contents: Using storymap as a tool to
present a work of exploration and knowledge of the
territory: in this case, the workfield becomes crucial for
the production of documentation and contents – including
interviews and photos etc. – which subsequently are
implemented in a multimedia format according to the
A Guide with StoryMapJS & the PDI framework
How is the place
where I live?
What is its history?
Why my friends or
should come here?
Confront with peers
about aspects that
deserve to be
inspired our design
of the guide?
How was my
contribution to the
How did the digital
Define roles and
contributions of each
member of the group
Decide what type
of guide you want
Make your ‘voice
heard’ through our
Example 1: Inside Florence
This guide proposes an itinerary in the center of Florence
to discover the Dome, ist buildings and old churches.
It has been produced to showto the students how simple
is to work with this digital tool.
At a first stage students can combine texts and images.
More sophisticated products will include also audio
tracks and videorecordings. They could be pre-existing or
created by the students.
Lino, the ball, descovering Prato
This guide proposes an itinerary in the downtown of
Prato (a twon close to Florence) to discover to historical
monuments of the twon.
This guide has been created by teacher students at the
Faculty of Primary Education of the University of
Teacher students experimented this activity to test it
later with their students in their professional life.
This guide proposes an itinerary in the area of Mugello
(close to Florence) looking for places where signiticant
events occurred during the Second World War.
The project has been carried out by the students of a five
grade class in the high school «Chino Chini» in Borgo San
This work has been possible also thanks to the
collaboration with the writer Sandra Cerbai, Andrea Gatti
and the association UNICOOP from Borgo San Lorenzo.
War and antifascism in the Mugello area
• You can add images to any page by uploading them from your
computer or by entering a link to an online image.
• You can also embedd any other type of multimedia content like
video from Vimeo or YouTube or audio from SoundCloud.
• The media box includes an URL area and a space to enter a caption
and credit for the image.
• You can add additional pages by clicking "Add Slide" in the left-hand
• You can add points to your map, one per slide, by typing the
building, street, city, and country, and use the zoom bar in the top
left to find the location.
• You can customize the map style, background color, and font using
the Options buttons.
• You can click Share to send through social media or to use an
• As the editor tool is linked to a Google Drive account, a google mail
is necessary to access the service.
Overview of features
Task: In pair decide a place you want to present
to your colleagues. Locate it in the map and
create three slides including images and texts
with historical information about different
historical monuments of that place.
In pair, select one of these questions and discuss with your
• Question 1: What type of teaching and learning activities
StoryMapJS might (or might not) support in your
• Question 2: What conditions would favour and what
constrains woulf limit the use of StoryMapJS for your
• Question 3: What type of activities would you carry on to
prepare your students and what type of activities would
you propose to tour students to stimulate reflection and
transfer of knowledge and capabilities?
Maria on the cloud