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

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
 
−
 
−
 
 
{| border=1
 
{| border=1
 
|| '''Visual Cue'''
 
|| '''Visual Cue'''
Line 22: Line 19:
 
* Learn about export options and
 
* Learn about export options and
 
* Export the map in xhtml format.
 
* Export the map in xhtml format.
−
 
  
 
|-
 
|-
−
|| '''Slide Number 4'''
+
|| '''Slide Number 3'''
  
 
'''System and Software Requirement'''
 
'''System and Software Requirement'''
 
|| To record this tutorial, I am using
 
|| To record this tutorial, I am using
  
−
* '''Ubuntu Linux''' v16.04 OS
+
* '''Ubuntu Linux''' v16.04 OS  
 
* '''Freeplane''' v1.7.10 and  
 
* '''Freeplane''' v1.7.10 and  
 
* '''Firefox''' web browser v75
 
* '''Firefox''' web browser v75
  
 
|-
 
|-
−
|| '''Slide Number 5'''
+
|| '''Slide Number 4'''
  
 
'''Pre-requisites'''
 
'''Pre-requisites'''
 
|| To follow this tutorial,  
 
|| To follow this tutorial,  
−
Learner must be familiar with  
+
Learner must be familiar with,
−
* The '''Freeplane''' interface.
+
* The basics of '''Freeplane'''.
 
* For prerequisite tutorials, please visit this site.
 
* For prerequisite tutorials, please visit this site.
  
 
|-
 
|-
−
|| '''Slide Number 6'''
+
|| '''Slide Number 5'''
  
 
'''Code files'''
 
'''Code files'''
Line 58: Line 54:
 
|| Go to '''Desktop'''.  
 
|| Go to '''Desktop'''.  
  
−
I have saved the input file on the Desktop.
+
I have saved the input file on the '''Desktop'''.
  
 
|-
 
|-
 
|| Double click on the '''adding-resources.mm''' file.
 
|| Double click on the '''adding-resources.mm''' file.
−
|| Double click on the map icon to open it. The map opens in '''Freeplane'''.
+
|| Double click on the map icon to open it.  
 +
The map opens in '''Freeplane'''.
  
 
|-
 
|-
Line 76: Line 73:
  
 
click on '''Edit,''' '''Node Properties'''.  
 
click on '''Edit,''' '''Node Properties'''.  
−
|| Select '''Sustenance''' and click on '''Edit,''' '''Node Properties'''.
+
|| Select '''Sustenance''' and click on '''Edit''', '''Node Properties'''.
  
 
|-
 
|-
−
|| Click on '''Add Attribute in Dialogue'''.
+
|| Click on '''Add Attribute in Dialog'''.
−
|| From the submenu, choose '''Add Attribute in dialogue'''.
+
|| From the submenu, choose '''Add Attribute in dialog'''.
  
 
|-
 
|-
Line 92: Line 89:
  
 
'''http://epathshala.nic.in/wp-content/doc/book/flipbook/Class%20IX/0964-Science/CHAP%2014/index.html#page=1'''
 
'''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 Name''', I will type '''Epathshala'''.
  
 
For attribute value, I will add the web address for the textbook chapter.
 
For attribute value, I will add the web address for the textbook chapter.
Line 100: Line 97:
 
|| I had already obtained the address by web search.
 
|| I had already obtained the address by web search.
  
−
Click on the '''OK '''button to add an '''attribute'''.
+
Copy and paste the web address in the '''Attribute Value''' field.
 +
 
 +
Click on the '''OK''' button to add an '''attribute'''.
  
 
|-
 
|-
−
|| Hover mouse next to the square on the Sustenance node.
+
|| Hover mouse next to the square on the '''Sustenance node'''.
 
|| Notice a small square next to the '''Sustenance node'''.
 
|| Notice a small square next to the '''Sustenance node'''.
  
Line 116: Line 115:
 
|-
 
|-
 
|| Click on '''View,''' '''Node''' '''Attributes'''.
 
|| Click on '''View,''' '''Node''' '''Attributes'''.
−
|| Select from choices in '''View,''' '''Node Attributes''' to show or hide '''attributes'''.  
+
|| Select from choices in '''View''', '''Node Attributes''' to show or hide '''attributes'''.  
  
 
|-
 
|-
Line 130: Line 129:
 
|| Many nodes can be formatted together to obtain same properties.
 
|| Many nodes can be formatted together to obtain same properties.
  
−
Select desired nodes with shift key and apply formatting.
+
Select the desired nodes with shift key and apply the formatting.
  
 
|-
 
|-
 
|| Cursor on the '''Attribute'''.
 
|| Cursor on the '''Attribute'''.
−
|| Similar to nodes, attributes can also be edited in-line.
+
|| Similar to nodes, attributes can also be edited '''in-line'''.
  
 
|-
 
|-
 
|| Place cursor on '''Attribute name''' and right click.
 
|| Place cursor on '''Attribute name''' and right click.
−
|| Place the cursor anywhere on the existing '''attribute''' and right click.
+
|| Place the cursor anywhere on the existing '''attribute''' and right-click.
 +
 
 +
The context menu opens.
  
 
|-
 
|-
 
|| Choose '''New Attribute'''.
 
|| Choose '''New Attribute'''.
 
|| The context menu also can add '''New Attribute'''.
 
|| The context menu also can add '''New Attribute'''.
 +
 +
Select '''New Attribute'''.
  
 
This will add a new 2 column attribute below the existing one.
 
This will add a new 2 column attribute below the existing one.
Line 151: Line 154:
  
 
I will leave it as is and not add another attribute now.
 
I will leave it as is and not add another attribute now.
 +
 +
Since it is unused, click anywhere on the map to remove it.
  
 
|-
 
|-
Line 162: Line 167:
 
|-
 
|-
 
|| Right click to open context menu, choose '''Add image''' option.
 
|| Right click to open context menu, choose '''Add image''' option.
−
|| Right click to open the '''context''' menu and choose the '''Add image''' option.
+
|| Right-click to open the '''context''' menu and choose the '''Add image''' option.
  
 
|-
 
|-
−
|| Mouse on the dialogue box.
+
|| Mouse on the dialog box.
−
|| A dialogue box opens.
+
|| A dialog box opens.
  
 
|-
 
|-
Line 174: Line 179:
 
|-
 
|-
 
|| Show screenshot of '''Desktop''' with downloaded image.
 
|| Show screenshot of '''Desktop''' with downloaded image.
−
|| I have downloaded a free to share & use image from '''USGS''' website for study.
+
|| I have downloaded a free to share and use image from '''USGS''' website for study.
  
 
It is saved in my '''Desktop''' directory.
 
It is saved in my '''Desktop''' directory.
Line 182: Line 187:
  
 
Click on '''Open'''.
 
Click on '''Open'''.
−
|| Choose the '''water-cycle.png''' file and Click on '''open'''.
+
|| Choose the '''water-cycle.png''' file and click on '''Open'''.
  
 
|-
 
|-
 
|| Hover mouse on the image.
 
|| Hover mouse on the image.
−
|| The image is attached below node text.
+
|| The image is attached below the node text.
  
 
|-
 
|-
Line 194: Line 199:
 
|-
 
|-
 
|| Hover mouse over image.
 
|| Hover mouse over image.
−
|| To resize the image, hover the mouse over the image.  
+
|| To resize the image, hover the mouse over the image near the corner.  
  
 
|-
 
|-
 
|| Show the cursor sign change.
 
|| Show the cursor sign change.
−
|| Cursor changes to a half-square and arrow sign.
+
|| The cursor changes to a half-square and arrow sign.
  
 
|-
 
|-
Line 213: Line 218:
  
 
|-
 
|-
−
|| Select '''carbon cycle''', press '''Ctrl+K'''.  
+
|| Select '''carbon cycle''', press '''Ctrl + K'''.  
 
|| Select the '''carbon cycle''' node.  
 
|| Select the '''carbon cycle''' node.  
 
Press the '''Control''' and '''K''' keys together.  
 
Press the '''Control''' and '''K''' keys together.  
  
 
|-
 
|-
−
|| Type, [https://en.wikipedia.org/wiki/Carbon_cycle https://en.wikipedia.org/wiki/Carbon_cycle] in the dialogue box.
+
|| Type, [https://en.wikipedia.org/wiki/Carbon_cycle https://en.wikipedia.org/wiki/Carbon_cycle] in the dialog box.
−
|| Type the web link in the dialogue box as seen here.
+
|| Type the web link in the dialog box as seen here.
 +
Copy and paste the web address.
  
 
|-
 
|-
 
|| Click on the '''OK button'''.
 
|| Click on the '''OK button'''.
 
|| Click on the '''OK button'''.  
 
|| Click on the '''OK button'''.  
−
This is an in-line addition of '''hyperlink'''.
+
This is an '''in-line''' addition of '''hyperlink'''.
  
 
|-
 
|-
Line 239: Line 245:
  
 
|-
 
|-
−
|| Right click, open context menu, choose '''Edit Node core in dialogue'''.
+
|| Right click, open context menu, choose '''Edit Node core in dialog'''.
−
|| Right click to open context menu.  
+
|| Right-click to open the context menu.  
−
Choose '''Edit Node core in dialogue'''.
+
Choose '''Edit Node core in dialog'''.
  
 
|-
 
|-
Line 248: Line 254:
  
 
|-
 
|-
−
|| Cursor on the dialogue box.
+
|| Cursor on the dialog box.
−
|| A dialogue box opens.
+
|| A dialog box opens.
  
 
|-
 
|-
Line 273: Line 279:
 
|-
 
|-
 
|| Click on '''OK button'''.
 
|| Click on '''OK button'''.
−
|| Click on the '''OK button''' and close the dialogue box.
+
|| Click on the '''OK button''' and close the dialog box.
  
 
|-
 
|-
−
|| Press '''Ctrl+S'''.  
+
|| Press '''Ctrl+ S'''.  
−
|| Next, save the map, by pressing '''Control+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.
 
|| We require a different form of the map for ease of share and distribution.
  
 
|-
 
|-
 
|| Click on '''File,''' '''Export''' '''map'''.  
 
|| Click on '''File,''' '''Export''' '''map'''.  
−
|| For this purpose, Click on '''File, Export map'''.  
+
|| For this purpose, Click on '''File''', '''Export map'''.  
  
 
|-
 
|-
 
|| Point to the dialog box.
 
|| Point to the dialog box.
−
|| A dialogue box appears.  
+
|| A dialog box appears.  
  
 
|-
 
|-
Line 296: Line 302:
  
 
|-
 
|-
−
||  
+
|| Cursor in Files of type drop-down.
 
|| Notice the various file options for users to choose from.  
 
|| Notice the various file options for users to choose from.  
  
Line 323: Line 329:
 
|| To export the file into '''xhtml''' choose the '''xhtml''' option.
 
|| To export the file into '''xhtml''' choose the '''xhtml''' option.
  
−
I will choose xhtml type of file.
+
I will choose the xhtml type of file.
  
 
|-
 
|-
Line 331: Line 337:
 
|-
 
|-
 
|| Type the filename as '''adding-resources.html''' in '''Desktop'''.
 
|| Type the filename as '''adding-resources.html''' in '''Desktop'''.
−
|| Choose '''xhtml''' type of file.
+
|| Type the file name as '''adding-resources.html''' in the '''Desktop''' directory.
−
 
+
−
Type the file name as '''adding-resources.html''' in the '''Desktop''' directory.
+
  
 
|-
 
|-
Line 341: Line 345:
 
|-
 
|-
 
|| Click on '''File, Quit '''Freeplane'''.
 
|| Click on '''File, Quit '''Freeplane'''.
−
|| Let's quit Freeplane.
+
|| Let's quit '''Freeplane'''.
  
 
Click on '''File, Quit Freeplane''' to exit '''Freeplane'''.
 
Click on '''File, Quit Freeplane''' to exit '''Freeplane'''.
Line 361: Line 365:
 
|-
 
|-
 
|| Click on the '''carbon cycle'''.
 
|| Click on the '''carbon cycle'''.
−
|| Click on the '''carbon cycle''' Link.
+
|| Click on the '''Carbon cycle''' Link.
  
 
|-
 
|-
Line 378: Line 382:
  
 
|-
 
|-
−
|| '''Slide Number 7'''
+
|| '''Slide Number 6'''
 
'''Summary'''
 
'''Summary'''
 
|| Now let's summarize.  
 
|| Now let's summarize.  
Line 385: Line 389:
 
* Added attribute feature to the node
 
* Added attribute feature to the node
 
* Added hyperlink in the map
 
* Added hyperlink in the map
−
* Attached document and images to the map
+
* Attached document and image to the map
 
* Learned about export options and  
 
* Learned about export options and  
 
* Exported the map to xhtml format
 
* Exported the map to xhtml format
  
 
|-
 
|-
−
|| '''Slide Number 8'''
+
|| '''Slide Number 7'''
 
'''Assignment'''
 
'''Assignment'''
−
|| For assignment activity, please do the following.
+
|| For assignment actiity, please do the following.
  
 
Using a relevant study chapter in your curriculum,
 
Using a relevant study chapter in your curriculum,
Line 399: Line 403:
  
 
|-
 
|-
−
|| '''Slide Number 9'''
+
|| '''Slide Number 8'''
  
 
'''Spoken Tutorial Project'''
 
'''Spoken Tutorial Project'''
Line 407: Line 411:
  
 
|-
 
|-
−
|| '''Slide Number 10'''
+
|| '''Slide Number 9'''
  
 
'''Spoken Tutorial workshops'''
 
'''Spoken Tutorial workshops'''
−
|| The '''Spoken Tutorial Project '''team:
+
|| We,
−
 
+
 
* conducts workshops and
 
* conducts workshops and
 
* gives certificates.
 
* gives certificates.
Line 418: Line 421:
  
 
|-
 
|-
−
|| '''Slide Number 11'''
+
|| '''Slide Number 10'''
 
'''Forum for specific questions:'''
 
'''Forum for specific questions:'''
 
|| Please post your timed queries in this forum.
 
|| Please post your timed queries in this forum.
  
 
|-
 
|-
−
|| '''Slide Number 12'''
+
|| '''Slide Number 11'''
  
 
'''Acknowledgement'''
 
'''Acknowledgement'''
Line 432: Line 435:
 
|| This is Rani from '''IIT Bombay'''.  
 
|| This is Rani from '''IIT Bombay'''.  
 
Thank you for joining.
 
Thank you for joining.
−
 
+
|-
 
|}
 
|}

Latest revision as of 16:29, 28 October 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 3

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 4

Pre-requisites

To follow this tutorial,

Learner must be familiar with,

  • The basics of Freeplane.
  • For prerequisite tutorials, please visit this site.
Slide Number 5

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 Dialog. From the submenu, choose Add Attribute in dialog.
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.

Copy and paste the web address in the Attribute Value field.

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

The context menu opens.

Choose New Attribute. The context menu also can add New Attribute.

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

Since it is unused, click anywhere on the map to remove it.

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 dialog box. A dialog box opens.
Navigate to Desktop directory. Navigate to Desktop directory.
Show screenshot of Desktop with downloaded image. I have downloaded a free to share and 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 the 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 near the corner.
Show the cursor sign change. The 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 dialog box. Type the web link in the dialog box as seen here.

Copy and paste the web address.

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 dialog. Right-click to open the context menu.

Choose Edit Node core in dialog.

Highlight Water text. click on Edit, Add hyperlink (choose) option. Highlight Water text, and click on Edit, Add hyperlink (choose) option.
Cursor on the dialog box. A dialog 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 dialog 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 dialog box appears.
Click on the Files of type drop-down. Click on Files of type drop-down.
Cursor in 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 the 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 6

Summary

Now let's summarize.

In this tutorial, we,

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

Assignment

For assignment actiity, 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 8

Spoken Tutorial Project

This video summarises the Spoken Tutorial Project.

Please download and watch it.

Slide Number 9

Spoken Tutorial workshops

We,
  • conducts workshops and
  • gives certificates.

Please write to us.

Slide Number 10

Forum for specific questions:

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

Acknowledgement

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, PoojaMoolya, Ranipv076, Snehalathak

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Freeplane/C2/Adding-resources/English&oldid=54272"