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

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 9: Line 9:
 
|| '''Slide Number 1'''
 
|| '''Slide Number 1'''
 
'''Title Slide '''
 
'''Title Slide '''
|| Welcome to the tutorial on '''Adding resources in '''Freeplane''''''
+
|| Welcome to the tutorial on '''Adding resources in '''Freeplane'''.
  
 
|-
 
|-
Line 20: Line 20:
 
* Create a hyperlink in the map
 
* Create a hyperlink in the map
 
* Add an image and attach a file
 
* Add an image and attach a file
* Learn about export options  
+
* Learn about export options and
* Export the map in xhtml format
+
* Export the map in xhtml format.
  
  

Revision as of 18:07, 13 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
Slide Number 5

Pre-requisites

To follow this tutorial, * Learner must be familiar with the 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.

Go to Desktop. Go to Desktop.

I have downloaded the input files on Desktop directory.

Double click on the adding-resources.mm file. Double click on the adding-resources.mm file icon to open the file in Freeplane.
Click on Navigate, Fold, Unfold all. Click on Navigate, Fold, Unfold all to unfold and show all nodes.
Cursor on Sustenance node. We can add multiple feature attributes to a node in Freeplane.
Select Sustenance node, click on Edit, Node Properties.

In video add highlight red box around sustenance node.

Select the Sustenance node. It is a child node of Water.

Click on Edit, Node Propertieson.

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,

http://epathshala.nic.in/wp-content/doc/book/flipbook/Class%20IX/0964-Science/CHAP%2014/index.html#page=1

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 for clear view.


Many nodes can be formatted together to obtain same properties.

Select desired nodes with shift key and apply formatting.

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 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.

Type, https://en.wikipedia.org/wiki/Carbon_cycle in the dialogue box.

Select the Carbon cycle node, and press Ctrl+K.

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 the government 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.

Click on OK button. Click on OK button and close the dialogue box.
Hover mouse next to water node. The node text turns blue and gets underlined, indicating hyperlink or attachment.
Click on File, Save map. Next, save the map, with a different file name.

Click on File, Save map as seen in the menu.

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 Filter dropdown. Click on File of type dropdown.
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 and choose the xhtml option.

It is towards the bottom of the pulldown.

Cursor on xhtml option. Xhtml gives a clickable map image of the map.
Type filename as freeplane-introduction.html in Desktop.

Click on Save.

Choose xhtml type of file.

Type the file name as adding-resources.html in the Desktop directory.

Click on Save.

Click on 'FIle, Quit Freeplane'. Let’s quit Freplane.

Click on 'File, Quit 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. Notice the listed file format.
Click on the carbon cycle node. Click on the carbon cycle node.
Show the Wikipage and scroll down. The hyperlink opens.
Click on the back button. 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

Summary

Now let's summarize. In this tutorial, we,
  • Added attribute feature to node
  • Added hyperlink in map
  • Attached documents and images to the map
  • Learned about export options
  • Exported the map to xhtml format
Slide Number 8

Assignment

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

Acknowledgement

Spoken Tutorial Project is funded by MHRD, Government of India.

More information on this mission is available at this link.

This is Rani from IIT Bombay. Thank you for joining.

Contributors and Content Editors

Madhurig, PoojaMoolya, Ranipv076, Snehalathak