Difference between revisions of "Freeplane/C2/Adding-resources/English"
PoojaMoolya (Talk | contribs) |
|||
(19 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 | + | || '''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 | + | || '''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''' | + | * The basics of '''Freeplane'''. |
* For prerequisite tutorials, please visit this site. | * For prerequisite tutorials, please visit this site. | ||
|- | |- | ||
− | || '''Slide Number | + | || '''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 73: | Line 70: | ||
|- | |- | ||
− | || Select '''Sustenance''' node, | + | || Select '''Sustenance''' node, which is a child node of '''Water'''. |
− | || Select '''Sustenance''' and click on '''Edit | + | |
+ | click on '''Edit,''' '''Node Properties'''. | ||
+ | || Select '''Sustenance''' and click on '''Edit''', '''Node Properties'''. | ||
|- | |- | ||
− | || Click on '''Add Attribute in | + | || Click on '''Add Attribute in Dialog'''. |
− | || From the submenu, choose '''Add Attribute in | + | || From the submenu, choose '''Add Attribute in dialog'''. |
|- | |- | ||
Line 90: | 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 | + | || 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 98: | 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 114: | Line 115: | ||
|- | |- | ||
|| Click on '''View,''' '''Node''' '''Attributes'''. | || Click on '''View,''' '''Node''' '''Attributes'''. | ||
− | || Select from choices in '''View | + | || Select from choices in '''View''', '''Node Attributes''' to show or hide '''attributes'''. |
|- | |- | ||
Line 128: | 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 149: | 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 160: | 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 | + | || Mouse on the dialog box. |
− | || A | + | || A dialog box opens. |
|- | |- | ||
Line 172: | Line 179: | ||
|- | |- | ||
|| Show screenshot of '''Desktop''' with downloaded image. | || Show screenshot of '''Desktop''' with downloaded image. | ||
− | || I have downloaded a free to share | + | || 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 180: | Line 187: | ||
Click on '''Open'''. | Click on '''Open'''. | ||
− | || Choose the '''water-cycle.png''' file and | + | || 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 192: | 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. | ||
− | || | + | || The cursor changes to a half-square and arrow sign. |
|- | |- | ||
Line 211: | 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. | |
− | + | ||
|- | |- | ||
− | || Type, [https://en.wikipedia.org/wiki/Carbon_cycle https://en.wikipedia.org/wiki/Carbon_cycle] in the | + | || 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 | + | || 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 238: | Line 245: | ||
|- | |- | ||
− | || Right click, open context menu, choose '''Edit Node core in | + | || 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 | + | Choose '''Edit Node core in dialog'''. |
|- | |- | ||
Line 247: | Line 254: | ||
|- | |- | ||
− | || Cursor on the | + | || Cursor on the dialog box. |
− | || A | + | || A dialog box opens. |
|- | |- | ||
|| Choose the '''Xiplan-bharatinirman.pdf''' file from '''Desktop''' directory. | || Choose the '''Xiplan-bharatinirman.pdf''' file from '''Desktop''' directory. | ||
− | || Here I will choose a '''pdf''' file of | + | || Here I will choose a '''pdf''' file of a Water plan document. |
|- | |- | ||
Line 259: | Line 266: | ||
I had earlier downloaded the document from the internet. | I had earlier downloaded the document from the internet. | ||
+ | |||
+ | For practice, you may choose any file of your choice. | ||
|- | |- | ||
− | || Click on ''' | + | || Click on '''Open'''. |
− | || Click on ''' | + | || Click on '''Open'''. |
|- | |- | ||
Line 269: | Line 278: | ||
|- | |- | ||
− | || Click on ''' | + | || 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. | || 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 | + | || For this purpose, Click on '''File''', '''Export map'''. |
|- | |- | ||
− | || | + | || Point to the dialog box. |
− | || A | + | || A dialog box appears. |
|- | |- | ||
− | || Click on the ''' | + | || Click on the '''Files of type''' drop-down. |
− | || Click on ''' | + | || Click on '''Files of type''' drop-down. |
|- | |- | ||
− | || | + | || 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 300: | Line 311: | ||
|- | |- | ||
|| Hover mouse next to '''html''' option. | || Hover mouse next to '''html''' option. | ||
− | || In the | + | || In the '''html''' format, the map will appear arranged as a listed file. |
|- | |- | ||
Line 309: | Line 320: | ||
|| Cursor on the pulldown. | || Cursor on the pulldown. | ||
|| However, '''hyperlinks''' and attachments do not get exported in an image. | || However, '''hyperlinks''' and attachments do not get exported in an image. | ||
+ | |||
|- | |- | ||
|| Hover mouse next to pdf. | || Hover mouse next to pdf. | ||
Line 315: | Line 327: | ||
|- | |- | ||
|| Hover mouse next to '''xhtml''' option. | || Hover mouse next to '''xhtml''' option. | ||
− | || To export the file into '''xhtml''' | + | || To export the file into '''xhtml''' choose the '''xhtml''' option. |
− | + | I will choose the xhtml type of file. | |
|- | |- | ||
Line 324: | Line 336: | ||
|- | |- | ||
− | || Type filename as ''' | + | || 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 '''Save'''. | |
− | + | ||
− | + | ||
− | Click on '''Save'''. | + | |
|- | |- | ||
− | || Click on ''' | + | || Click on '''File, Quit '''Freeplane'''. |
− | || | + | || Let's quit '''Freeplane'''. |
− | Click on '''File, Quit ''' | + | Click on '''File, Quit Freeplane''' to exit '''Freeplane'''. |
|- | |- | ||
|| Go to '''Desktop'''. | || Go to '''Desktop'''. | ||
− | || | + | || Let's go to '''Desktop'''. |
− | Notice the newly created | + | Notice the newly created '''xhtml''' form of the map. |
|- | |- | ||
Line 351: | Line 361: | ||
|- | |- | ||
|| Scroll down the page. | || Scroll down the page. | ||
− | || | + | || Let's scroll down the page. |
|- | |- | ||
− | || Click on the '''carbon cycle | + | || Click on the '''carbon cycle'''. |
− | || Click on the ''' | + | || Click on the '''Carbon cycle''' Link. |
|- | |- | ||
Line 363: | Line 373: | ||
|- | |- | ||
|| Click on the back button. | || Click on the back button. | ||
− | || Click on the back button, to go back to the exported | + | || Let's go back to the exported file. |
− | + | ||
+ | Click on the back button, to go back to the exported file. | ||
|- | |- | ||
Line 371: | Line 382: | ||
|- | |- | ||
− | || '''Slide Number | + | || '''Slide Number 6''' |
'''Summary''' | '''Summary''' | ||
− | || Now let's summarize. In this tutorial, we, | + | || Now let's summarize. |
+ | In this tutorial, we, | ||
− | * Added attribute feature to node | + | * Added attribute feature to the node |
− | * Added hyperlink in map | + | * Added hyperlink in the map |
− | * Attached | + | * Attached document and image to the map |
− | * Learned about export options | + | * Learned about export options and |
* Exported the map to xhtml format | * Exported the map to xhtml format | ||
|- | |- | ||
− | || '''Slide Number | + | || '''Slide Number 7''' |
'''Assignment''' | '''Assignment''' | ||
− | || For 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. | * 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. | * Add learning resources, share, get feedback and improve the map. | ||
|- | |- | ||
− | || '''Slide Number | + | || '''Slide Number 8''' |
'''Spoken Tutorial Project''' | '''Spoken Tutorial Project''' | ||
Line 399: | Line 411: | ||
|- | |- | ||
− | || '''Slide Number | + | || '''Slide Number 9''' |
'''Spoken Tutorial workshops''' | '''Spoken Tutorial workshops''' | ||
− | || | + | || We, |
− | + | ||
* conducts workshops and | * conducts workshops and | ||
* gives certificates. | * gives certificates. | ||
Line 410: | Line 421: | ||
|- | |- | ||
− | || '''Slide Number | + | || '''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 | + | || '''Slide Number 11''' |
'''Acknowledgement''' | '''Acknowledgement''' | ||
|| '''Spoken Tutorial''' Project is funded by '''MHRD, Government of India'''. | || '''Spoken Tutorial''' Project is funded by '''MHRD, Government of India'''. | ||
− | |||
− | |||
|- | |- | ||
|| | || | ||
− | || This is Rani from '''IIT Bombay'''. Thank you for joining. | + | || This is Rani from '''IIT Bombay'''. |
− | + | 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,
|
Slide Number 3
System and Software Requirement |
To record this tutorial, I am using
|
Slide Number 4
Pre-requisites |
To follow this tutorial,
Learner must be familiar with,
|
Slide Number 5
Code files |
|
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, |
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,
|
Slide Number 7
Assignment |
For assignment actiity, please do the following.
Using a relevant study chapter in your curriculum,
|
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,
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. |