Difference between revisions of "Freeplane/C2/Adding-resources/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 26: Line 26:
|| To record this tutorial, I am using
|| To record this tutorial, I am using
* '''Ubuntu Linux''' v16.04 OS and
* '''Ubuntu Linux''' v16.04 OS  
* '''Freeplane''' v1.7.10  
* '''Freeplane''' v1.7.10 and
* '''Firefox''' web browser v75
* '''Firefox''' web browser v75

Revision as of 15:43, 21 May 2020

Visual Cue Narration
Slide Number 1

Title Slide

Welcome to the tutorial on Adding resources in Freeplane.
Slide Number 2

Learning Objectives

In this tutorial, we will learn to,
  • Insert an attribute feature to a node
  • Create a hyperlink in the map
  • Add an image and attach a file
  • Learn about export options and
  • Export the map in xhtml format.
Slide Number 4

System and Software Requirement

To record this tutorial, I am using
  • Ubuntu Linux v16.04 OS
  • Freeplane v1.7.10 and
  • Firefox web browser v75
Slide Number 5


To follow this tutorial,

Learner must be familiar with

  • The basic Freeplane interface.
  • For prerequisite tutorials, please visit this site.
Slide Number 6

Code files

  • Files used in this tutorial are provided in the Code files link.
  • Please download and extract the files.
  • Make a copy and use them while practising.
Go to Desktop. Go to Desktop.

I have saved the input file on the Desktop.

Double click on the adding-resources.mm file. Double click on the map icon to open it. The map opens in Freeplane.
Click on Navigate, Fold, Unfold all. Click on Navigate, Fold, Unfold all to unfold and show all the nodes.
Cursor on Sustenance node. We can add multiple feature attributes to a node in Freeplane.
Select Sustenance node, which is a child node of Water.

click on Edit, Node Properties.

Select Sustenance and click on Edit, Node Properties.
Click on Add Attribute in Dialogue. From the submenu, choose Add Attribute in dialogue.
Point to the hyperlink. I will add the NCERT textbook hyperlink for the chapter link here.
For Attribute Name, type epathshala.

For attribute value, enter,


For Attribute Name, I will type epathshala.

For attribute value, I will add the web address for the textbook chapter.

Click on the OK button. I had already obtained the address by web search.

Click on the OK button to add an attribute.

Hover mouse next to the square on the Sustenance node. Notice a small square next to the Sustenance node.
Mouse next to the attribute. This indicates that an attribute is present for the node.
Cursor on the attribute. We can add more than one feature or attribute to any node.
Click on View, Node Attributes. Select from choices in View, Node Attributes to show or hide attributes.
Choose show all attributes. Now, choose to show all attributes.
First zoom in on Sustenance. First zoom in on the Sustenance node for clear view.
Select two more nodes and unselect them. Many nodes can be formatted together to obtain same properties.

Select the desired nodes with shift key and apply formatting.

Cursor on the Attribute. Similar to nodes, attributes can also be edited in-line.
Place cursor on Attribute name and right click. Place the cursor anywhere on the existing attribute and right-click.
Choose New Attribute. The context menu also can add New Attribute.

This will add a new 2 column attribute below the existing one.

Hover mouse on the new row. A new row will appear prompting the user to enter details.

I will leave it as is and not add another attribute now.

Zoom out to full map. Let's attach an image, as learning resource to the map, for Water cycle.
Select Water cycle. Select the Water cycle node.
Right click to open context menu, choose Add image option. Right click to open the context menu and choose the Add image option.
Mouse on the dialogue box. A dialogue box opens.
Navigate to Desktop directory. Navigate to Desktop directory.
Show screenshot of Desktop with downloaded image. I have downloaded a free to share & use image from USGS website for study.

It is saved in my Desktop directory.

Choose water-cycle.png file.

Click on Open.

Choose the water-cycle.png file and click on open.
Hover mouse on the image. The image is attached below node text.
Hover mouse on the image. It is a visual representation of water cycle.
Hover mouse over image. To resize the image, hover the mouse over the image.
Show the cursor sign change. Cursor changes to a half-square and arrow sign.
Resize the image. Left click, hold and drag to resize the image to your preference.
Mouse next to Carbon cycle node. Next, I want to attach a hyperlink about Carbon cycle as reading material.
Cursor on map. Hyperlinks can link to web pages, e-mail addresses, local files, or other nodes.
Select carbon cycle, press Ctrl + K. Select the carbon cycle node.

Press the Control and K keys together.

Type, https://en.wikipedia.org/wiki/Carbon_cycle in the dialogue box. Type the web link in the dialogue box as seen here.
Click on the OK button. Click on the OK button.

This is an in-line addition of hyperlink.

Place the cursor next to the arrow on Carbon cycle node. An arrow appears next to the node indicating, presence of hyperlink.
Cursor on the map. Let's attach a study file to the Water node.
Select water node. For this, first choose Water node.
Right click, open context menu, choose Edit Node core in dialogue. Right-click to open context menu.

Choose Edit Node core in dialogue.

Highlight Water text. click on Edit, Add hyperlink (choose) option. Highlight Water text, and click on Edit, Add hyperlink (choose) option.
Cursor on the dialogue box. A dialogue box opens.
Choose the Xiplan-bharatinirman.pdf file from Desktop directory. Here I will choose a pdf file of a Water plan document.
Hover mouse next to Desktop directory. It is saved in my Desktop directory.

I had earlier downloaded the document from the internet.

For practice, you may choose any file of your choice.

Click on Open. Click on Open.
Hover mouse next to water node. The node text turns blue and gets underlined, indicating hyperlink or attachment.
Click on OK button. Click on the OK button and close the dialogue box.
Press Ctrl+ S. Next, save the map, by pressing Control+ S.
Cursor on the interface. We require a different form of the map for ease of share and distribution.
Click on File, Export map. For this purpose, Click on File, Export map.
Point to the dialog box. A dialogue box appears.
Click on the Files of type drop-down. Click on Files of type drop-down.
Notice the various file options for users to choose from.
Scroll mouse down on the pulldown options. Html, tex, jpeg image, pdf and java applet are few of the popular file formats.
Hover mouse next to html option. In the html format, the map will appear arranged as a listed file.
Hover mouse next to svg. There is also an image option, to export an image of the map.
Cursor on the pulldown. However, hyperlinks and attachments do not get exported in an image.
Hover mouse next to pdf. Pdf is another popular option for export.
Hover mouse next to xhtml option. To export the file into xhtml choose the xhtml option.

I will choose xhtml type of file.

Cursor on xhtml option. Xhtml gives a clickable map image of the map.
Type the filename as adding-resources.html in Desktop. Type the file name as adding-resources.html in the Desktop directory.
Click on Save. Click on Save.
Click on File, Quit Freeplane. Let's quit Freeplane.

Click on File, Quit Freeplane to exit Freeplane.

Go to Desktop. Let's go to Desktop.

Notice the newly created xhtml form of the map.

Open the file in web browser. I will open it in a web browser.
Scroll down the page. Let's scroll down the page.
Click on the carbon cycle. Click on the carbon cycle Link.
Show the Wikipage and scroll down. The hyperlink opens.
Click on the back button. Let's go back to the exported file.

Click on the back button, to go back to the exported file.

Close the web browser. I will close the web browser.
Slide Number 7


Now let's summarize.

In this tutorial, we,

  • Added attribute feature to the node
  • Added hyperlink in the map
  • Attached document and images to the map
  • Learned about export options and
  • Exported the map to xhtml format
Slide Number 8


For assignment activity, please do the following.

Using a relevant study chapter in your curriculum,

  • Create a concept map for a concept or chapter from a textbook chapter of your choice.
  • Add learning resources, share, get feedback and improve the map.
Slide Number 9

Spoken Tutorial Project

This video summarises the Spoken Tutorial Project.

Please download and watch it.

Slide Number 10

Spoken Tutorial workshops

The Spoken Tutorial Project team:
  • conducts workshops and
  • gives certificates.

Please write to us.

Slide Number 11

Forum for specific questions:

Please post your timed queries in this forum.
Slide Number 12


Spoken Tutorial Project is funded by MHRD, Government of India.
This is Rani from IIT Bombay.

Thank you for joining.

Contributors and Content Editors

Madhurig, Ranipv076